Bildkonverter

Bildformatvergleich: PNG vs JPEG vs WebP

Die Wahl des richtigen Bildformats ist eine der wirkungsvollsten Entscheidungen für die Web‑Performance. Jedes Format hat spezifische Stärken, die es für bestimmte Anwendungsfälle optimal machen. JPEG (Joint Photographic Experts Group) verwendet verlustbehaftete Kompression, die bei Fotografien und komplexen Bildern mit Millionen von Farben und sanften Tonübergängen hervorragend ist. Ein hochwertiges JPEG‑Foto kann 80‑90 % kleiner sein als das entsprechende PNG, bleibt dabei für die meisten Betrachter visuell unverändert. JPEG unterstützt jedoch keine Transparenz und erzeugt sichtbare Artefakte an scharfen Kanten und Text.

PNG (Portable Network Graphics) verwendet verlustfreie Kompression, das heißt, jeder Pixel wird exakt wie im Original erhalten. Das macht PNG zur richtigen Wahl für Logos, Icons, Screenshots, Diagramme und jedes Bild mit Text, scharfen geometrischen Formen oder flachen Farbflächen, bei denen JPEG‑Artefakte sichtbar wären. PNG unterstützt zudem vollständige Alpha‑Transparenz, wodurch glatte Kanten vor jedem Hintergrund möglich sind. Der Nachteil ist die Dateigröße – PNG‑Fotografien sind typischerweise 5‑10 mal größer als ihre JPEG‑Entsprechungen.

WebP ist Googles modernes Bildformat, das das Beste aus beiden Welten vereint. Es unterstützt verlustbehaftete Kompression (vergleichbare JPEG‑Qualität bei 25‑35 % kleineren Dateigrößen), verlustfreie Kompression (typischerweise 26 % kleiner als PNG) und vollständige Alpha‑Transparenz. WebP unterstützt zudem Animationen und kann damit GIF ersetzen. Mit einer Browser‑Unterstützung von über 97 % weltweit im Jahr 2026 ist WebP das empfohlene Standardformat für die meisten Web‑Bilder.

Wann jedes Format zu verwenden ist

• Verwenden Sie JPEG für Fotografien, reale Bilder, Produktfotos, Hero‑Bilder und jedes Bild, bei dem die kleine Dateigröße wichtiger ist als pixelgenaue Qualität. JPEG wird universell unterstützt und von jedem Bildbearbeitungs‑Tool und Browser erkannt.
• Verwenden Sie PNG für Logos, Icons, Screenshots, Diagramme, Text‑Overlays, Bilder, die Transparenz benötigen, und jede Grafik mit scharfen Kanten oder großen einfarbigen Flächen. PNG ist unverzichtbar, wenn Sie eine pixelgenaue Wiedergabe benötigen.
• Verwenden Sie WebP als Ihr Standard‑Webformat im Jahr 2026. Es verarbeitet sowohl fotografische Inhalte als auch Grafiken gut, unterstützt Transparenz und liefert die kleinsten Dateigrößen. Bieten Sie JPEG‑ oder PNG‑Fallbacks nur an, wenn Sie sehr alte Browser oder E‑Mail‑Clients unterstützen müssen.

Bildformate der nächsten Generation

Jenseits von WebP gewinnen zwei neuere Formate an Bedeutung. AVIF (AV1 Image File Format) bietet 50 % bessere Kompression als JPEG und 20 % besser als WebP, jedoch ist das Kodieren deutlich langsamer und die Browser‑Unterstützung, obwohl sie wächst, noch nicht universell. JPEG XL wurde als echter JPEG‑Ersatz mit verlustbehafteten und verlustfreien Modi, progressivem Decoding und der Möglichkeit, vorhandene JPEG‑Dateien verlustfrei zu transkodieren, entwickelt – Google hat jedoch 2023 die Unterstützung in Chrome entfernt, was die Verbreitung einschränkt. Für die meisten Websites im Jahr 2026 bleibt WebP die praktische Wahl, wobei AVIF als optionale Optimierung für performance‑kritische Anwendungen mit dem HTML‑picture‑Element zur Format‑Verhandlung dient.