Optimieren Sie Ihren Webauftritt mit den passenden Bildformaten!

Zwischen den vorgestellten Dateiformaten gibt es diverse Unterschiede. Nachfolgend zeigen wir auf, wo deren Stärken und Schwächen für den Einsatz auf Ihrer Website oder in Ihrem Onlineshop liegen: 

PNG (Portable Network Graphic) ist ein pixelbasiertes Dateiformat, das nicht ohne Qualitätseinbußen skaliert werden kann. Das bedeutet, Fotografien und Grafiken müssen in der entsprechend passenden Größe für die Anwendung exportiert werden. Für Grafiken, wie bspw. Piktogramme, eignet sich die verlustfreie Komprimierungsmöglichkeit von PNG, um diese ohne Qualitätsverlust in der Dateigröße zu reduzieren. Für diese grafischen Inhalte bietet sich PNG vor allem deswegen an, weil es Transparenzen unterstützt. Fotografische Inhalte kann PNG dank 16,7 Millionen unterstützter Farben auch abbilden, allerdings im Vergleich zu JPG immer verbunden mit einer größeren Dateigröße.

Einer der Gründe, weshalb sich JPEG bereits so länge bewährt, ist dass es eine verhältnismäßig gute, verlustfreie Datenkomprimierung ermöglicht. Dateien können mit geringer Speichergröße und moderatem Qualitätsverlust gespeichert werden. Dennoch wird bei jedem erneuten Speichern eines JPEG die Bildqualität gemindert. Es können Artefaktdarstellungen auftreten, die auch in großen einfarbigen Flächen innerhalb von JPEG-Dateien auftreten können. Da sie rasterbasiert sind, lassen sie sich nicht beliebig ohne Qualitätsverlust speichern. Daher müssen für unterschiedliche Endgeräte mit variablen Displaygrößen auch unterschiedliche JPEG-Bilddateien angelegt und entsprechend ausgegeben werden. Ein für Smartphones optimiertes JPEG mit geringer Auflösung würde auf einem 24-Zoll-Bildschirm stark unscharf dargestellt werden. Ein weiterer Grund für die weite Verbreitung von JPEG im Web ist dessen Unterstützung durch sämtliche Webbrowser auf unterschiedlichsten Endgeräten.

Scalable Vector Graphics (SVG), der Name ist Programm. Im Gegensatz zu den anderen hier aufgeführten Formaten ist SVG ein vektorbasiertes, das sich verlustfrei beliebig verkleinern oder vergrößern lässt. Ebenso ist es möglich SVG zu manipulieren und via JavaScript oder CSS visuell zu verändern. Ob Farb- oder Formänderungen oder Animationen – mit SVG ist vieles möglich. Die Dateigröße hängt dabei stark von der Komplexität der Inhalte ab. Besonders geeignet ist dieses Dateiformat für flächige Darstellungen mit Linien und geometrischen Formen und für den Einsatz auf verschiedenen Endgeräten im Responsive Design. Auch transparente Bereiche sind für SVG kein Problem.

Das GIF-Format (Graphics Interchange Format) ist ein pixelbasiertes Dateiformat, das für relativ einfache Bilder entwickelt wurde. Es unterstützt maximal 256 Farben, weswegen es verglichen mit anderen Formaten weniger für Fotografien geeignet ist. Dafür umso mehr für Logos und Grafiken mit wenigen Farben und sauberen Linien und Kanten, die wenig Speicherplatz brauchen. Weshalb GIF-Dateien dennoch im Web heutzutage recht weit verbreitet sind, ist ihre Eigenschaft, simple Animationen durch aneinandergereihte Bilder darstellen zu können. Gerade auf Social-Media-Plattformen werden diese geräuschlosen, einfachen Animationen gerne verwendet. Verlustfreies Komprimieren ist ebenfalls ein Vorteil von GIF.

Auch WebP ist ein rasterbasiertes Dateiformat. Unter den aufgeführten ist es mit seiner Einführung im Jahr 2010 das jüngste und wurde – wie der Name verrät – speziell für das Web entwickelt. Fotos und Grafiken können ohne Qualitätsverlust komprimiert und Dateien somit klein gehalten werden. Für optimierte Ladezeiten durch geringen Speichergebrauch sind WebP-Dateien daher sehr gut geeignet. Neben einfachen Grafiken und Fotografien unterstützt WebP auch Animationen, die im Vergleich zu GIF auch wesentlich kleiner ausfallen. Seit 2021 wird WebP auch von Apple auf sämtlichen Plattformen unterstützt und spätestens seit der Einstellung von Internet Explorer durch Microsoft kann das Format von so gut wie allen Webbrowsern dargestellt werden. Ein Nachteil ist allerdings, dass durch die Weboptimierung WebP nicht unbedingt für Offline-Zwecke geeignet ist und eine Dateiformatkonvertierung notwendig werden kann.