90 % schnellere Website durch optimierte Bilder

Notwendiger Ballast: Bilder waren und sind in der Regel der größte Ballast, den eine Website über die Datenleitungen zum Besucher transportieren muss. Sie sind essenzieller Bestandteil von Webdesigns und Produktdarstellungen - und nehmen gefühlt immer mehr Platz auf dem Bildschirm ein.

Neue Dateiformate: An der Datenkompression haben viele Gruppen ein starkes Interesse: Die Netzbetreiber, um bei gleicher Leitungskapazität mehr Inhalte zu übertragen. Die Internetnutzer*innen, um insbesondere mobil schneller zu surfen. Deshalb hat sich die „Alliance for Open Media“ - der Google, Amazon, Microsoft, Apple und weitere Big Player angehören - zur Entwicklung neuer Bild- und Video-Kompressionsverfahren gebildet. Jüngster Spross ist das standardisierte AVIF Bild-Format.

Der automatische Onlineservice zur Bildoptimierung in modernen Dateiformaten steht Vertragskunden von brain-at-work kostenfrei zur Verfügung. Für jedes Bild werden mehrere Alternativen auf dem Server abgelegt, damit für jeden Browser und jedes Endgerät die passende Version bereitsteht. Damit können Website-Betreiber das Pagespeed-Potenzial voll ausnutzen, ohne dass die Redakteure der Website technisches Know-how benötigen. Wir empfehlen nur eine schnelle Sichtkontrolle der konvertierten Bilder, um ggf. Bilder mit sichtbaren Qualitätsverlusten auszusortieren.

Web optimiertes Photoshop JPG: Der Photoshop-Klassiker „web optimiertes JPG“ hat die Grafiker dieser Welt über zwei Jahrzehnte als Ausgabeformat für Websites treu begleitet. Damit in der Weiterverarbeitung bestmögliche Ergebnisse erzielt werden, sollten die Original-Bilder mit 100 % Qualität und einer Kantenlänge von 3000 bis 5000 Pixel weiterhin als JPG gespeichert werden. Diese Datei wird in die bee.tools® Mediathek geladen.

Tinify optimiertes JPG: Das CMS bee.tools® überträgt das Original-Bild an das Onlinetool „tinify.com“ zur JPG-Optimierung: Entweder einzeln und sofort, oder es wird (als empfohlene Vorgehensweise) ein Cronjob auf dem Webserver eingerichtet, welcher diese Aufgabe jede Nacht automatisch durchführt. Vorteile sind entfallende Wartezeiten für den*die Redakteur*in beim Hochladen der Bilder in die Mediathek, sowie geringere Beeinträchtigung der Website im laufenden Betrieb.

Google Guetzli JPG: Mit „Guetzli“ führte Google 2017 ein eigenes JPG-Format mit besserer Kompression bei optimaler Qualität ein. Es war Bestandteil der „Mobile First“ Initiative von Google, um die Ladezeiten für Mobile-User zu verbessern. Der Algorithmus zur Kompression benötigt deutlich mehr Zeit, was brain-at-work zur Entwicklung eines eigenen Konvertierungsservers veranlasste. Dieser Server erhält seine Aufträge direkt vom CMS bee.tools® und arbeitet sie automatisch ab.

Neu seit 2020: AVIF: Die Alliance for Open Media (AOMedia), der u. a. Amazon, Cisco, Facebook, Google/YouTube, Mozilla, Microsoft, Netflix, Intel, AMD, Tencent und Apple angehören, startete 2015 Initiativen für neue Open-Source Video- und Bildformate. AVIF verbindet eine hochqualitative Komprimierung mit einer funktionalen Vielfalt, die den zahlreichen Anforderungen an ein zeitgemäßes Bildformat gerecht werden soll. Das Format wird inzwischen von allen modernen Browserversionen unterstützt.