Bilder
Bilder haben oft eine hohe Auflösung und sind, was zu einem erhöhten Energieverbrauch beim Laden und Anzeigen führt. Meist erfolgt die Verwendung von Bildern auf der Webseite nicht in der Originalgröße. Wird bei der Webentwicklung darauf nicht geachtet werden die Bilder in voller Auflösung übertragen und erst im Browser des Users in die richtige Größe skaliert. Die Optimierung von Bildern für das Web durch Verkleinerung ihrer Größe und die Verwendung moderner Bildformate trägt deswegen zur Senkung des Energieverbrauchs bei. Reduzierte Farbvariationen auf einem Bild verringern ebenfalls die Bildgröße.
Die Energieeffizienteste Lösung bei der Verwendung von Bildern auf Webseiten ist es, keine Bilder zu verwenden. Prüfen Sie deswegen, ob das Bild einen Mehrwert für den Inhalt der Webseite beiträgt oder ob es nur ein reines Deko-Element ist. Prüfen Sie auch, ob die Inhalte des Bildes nicht ggf. auch durch einen Text ersetzt werden können.
Wie kann also mit dem Faktor „Schrift“ eine Webseite nachhaltiger gestaltet werden?
- Verwenden Sie ein Bildkomprimierungstool: TinyPNG, ShortPixel oder ImageOptim.
- Verwenden Sie gegebenenfalls SVGs Scalable Vector Graphics als Bildformat
- Bieten Sie verschiedene Größen (für jedes Bild) für verschiedene Bildschirmauflösungen an, verwenden Sie dazu
<picture><source srcset=““>
im HTML Code.
- Stellen Sie aussagekräftige Alt-Texte für Bildschirmleser bereit.
- Prüfen Sie, ob es möglich ist, einfarbige Bilder zu verwenden.
Fazit: Bilder sollten nur dann eingesetzt werden, wenn sie einen Mehrwert für die Webseite bieten. Auf Bilder als reine Schmuckelemente sollte verzichtet werden. Verwendete Bilder sollten bestmöglich komprimiert werden und responsive sein.