Blaue Stunde – Definiton

Durch die Ausgabe von Bildern in der optimalen Auflösung mit SRCSET mit dem PCM Image Modul können Webseitenbetreiber von einer Reihe von Vorteilen profitieren. Dazu gehören:

• Erhöhte Ladegeschwindigkeit: Reduzierung der Bildladenzeiten durch optimal angepasste Bildgrößen.
• Verbesserte SEO: Schnellere Seitenladungen verbessern das Ranking in Suchmaschinen.
• Kosteneffizienz: Das Modul kann in Layouts/Templates eingebunden werden, reduziert so den Bedarf an manuellen Anpassungen und spart somit Zeit und Ressourcen.
• Bessere Nutzererfahrung: Schnell ladende Seiten verbessern das Nutzererlebnis, was zu höheren Konversionsraten führen kann.
• Flexible Bildverwaltung: Unterstützung verschiedener Bildformate und dynamische Anpassung der Bilder an die Bildschirmgröße des Nutzers.

Ja, die korrekte Verwendung von “SRCset” und “Sizes” kann einen positiven Einfluss auf die Auffindbarkeit Ihrer Website haben und ist somit Teil der SEO (Suchmaschinenoptimierung). Google und andere Suchmaschinen legen großen Wert auf die Nutzererfahrung, einschließlich der Ladezeiten einer Webseite. Wenn Ihre Webseite Bilder effizient lädt und auf verschiedenen Geräten korrekt anzeigt, wird dies von Suchmaschinen positiv bewertet. Wir stellen sicher, dass diese Techniken fachgerecht implementiert werden, um nicht nur die Nutzererfahrung zu optimieren, sondern auch die Sichtbarkeit Ihrer Website in den Suchergebnissen zu verbessern.

In einer Website oder einem Webshop wird ein und das selbe Motiv häufig in unterschiedlichen Größen benötigt. Wir legen anhand der Weblayouts die benötigten Größen für unterschiedliche Geräte fest. Dann konfigurieren wir Ihr CMS so, dass die verschiedenen benötigten Größen automatisch erzeugt werden. Im Ergebnis werden Ihren Websitebesuchern die Bilder stets in der optimalen Größe ausgeliefert.

“SRCset” und “Sizes” sind Attribute im HTML-Code, die genutzt werden, um verschiedene Bildgrößen zu definieren und anzugeben, wie diese in verschiedenen Bildschirmgrößen oder -auflösungen dargestellt werden sollen. Dies ist essentiell für Responsive Design, da es sicherstellt, dass Ihre Webseite auf allen Geräten, von Mobiltelefonen bis Desktops, optimal dargestellt wird. Ein korrekter Einsatz dieser Attribute verhilft zu einer verbesserten Performance und Nutzererfahrung, da den Besuchern Bilder in einer für ihr Endgerät geeigneten Größe ausgeliefert werden.

• die Lichtstimmung sollte zu unterschiedlichen Tages- und Jahreszeiten eingefangen werden
• die räumliche Situation sollte je nach Restaurant/Café wiedergegeben werden, z.B. großzügig oder intim
• es sollte ein guter Eindruck der Stimmung im Restaurant vermittelt werden: edel oder hip, intim oder geschäftig, etc.
• einzelne Personen sollten nur mit deren Zustimmung gezeigt werden (Model-Release)
• Fotos von Speisen und Getränken sollten allgemein gehalten werden, damit bei einer Umstellung der Speisekarte nicht sofort neue Bilder benötigt werden

Im Druck spielt die Dateigröße weniger eine Rolle als im Webdesign. Daher können bei der Erzeugung von Druckvorlagen große Bilddateien eingebunden werden. Für Drucke die aus der Nähe betrachtet werden sollte die Druckauflösung bezogen auf das Endformat je nach Druckerzeugnis und Druckverfahren eine Auflösung von ca. 300 dpi besitzen. Großformatige Drucke wie Plakate können auch aus wesentlich geringer aufgelösten Vorlagen erzeugt werden.

Der Druck selbst ist übrigens deutlich höher aufgelöst, so sind Auflösungen um 2.400 dpi nicht unüblich. Die Druckvorlagen werden noch einmal entsprechend nachbearbeitet.

Fotos vom Fotografen können ein Thema individuell und ausdrucksstark abbilden. Allerdings sind sie i.d.R. aufwändig und daher kostspielig. Als preiswerte Alternative können Stockfotos aus Bilddatenbanken verwendet werden. Diese haben jedoch oft unterschiedliche Bildsprachen und Stile.

Die Lösung kann eine Kombination aus individuell produzierten Fotos und gekauften Stock-Fotos sein oder die Bildbearbeitung, so dass alle Fotos einen einheitlichen Stil bekommen.

Die Bilddatei sollte so klein wie möglich und so groß wie nötig sein. Um die Bilder einer Website auf unterschiedlichen Geräten optimal darzustellen, sollten Bilder in ausreichender Größe verwendet werden. Wir empfehlen für große bzw. hoch auflösende Displays etwa 1.920 Px. Breite. Erstrebenswert sind dabei kleine Dateigrößen, um lange Ladezeiten zu vermeiden. Moderne Browser unterstützen das Ausliefern von Bildern in der jeweils erforderlichen Größe (Responsive Images, z.B. über srcset). Dennoch empfehlen wir Bilder für Websites unter 300 kb, besser unter 200 kb zu verwenden.

Es ist übrigens bei Websites nicht möglich, die “Auflösung” des Bildes zu definieren (Stichwort 72 dpi…), da sie durch Größe und Pixeldichte des darstellenden Displays bestimmt wird – anders als im Print, wo der Grafiker die Druckauflösung festgelegen kann…

• Für beste Ergebnisse in Suchmaschinen sollten Bilder einen kurzen und aussagekräftigen Dateinamen besitzen.

Folgende Punkte bei der Bearbeitung und Benennung Ihrer Bilder tragen zu einer besseren SEO-Performance bei:

• Um Bilder für SEO zu optimieren sollte die Bildgröße passend gewählt werden. Dafür müssen die Bilder passend beschnitten und komprimiert werden.
• Das Beschriften der Bilder mit einem Title-Tag wird von Suchmaschinen gerne gesehen.
• Bilder können eine Bildunterschrift erhalten. Diese sorgen für eine einfach zu lesende und übersichtliche Seite.
• Im Alt-Text der Bilder sollte der Inhalte des Bildes hinterlegt werden.
• Bilder können auf unterschiedlichen Geräten in jeweils passender Größe ausgeliefert werden.