JPG, PNG oder WebP? Bildformate im Vergleich – und wann du welches nutzt

Ob Foto vom letzten Urlaub, Logo für die Webseite oder Screenshot für die Anleitung: Sobald ein Bild gespeichert oder hochgeladen wird, steht die Frage im Raum, welches Dateiformat das richtige ist. JPG, PNG und WebP sind die drei mit Abstand häufigsten Formate – dazu kommen GIF, SVG und das noch junge AVIF. Sie sehen auf den ersten Blick alle gleich aus, unterscheiden sich unter der Haube aber deutlich. Dieser Artikel erklärt die Unterschiede in einfachen Worten und zeigt, wann du welches Bildformat verwenden solltest.

Der wichtigste Unterschied: verlustbehaftet oder verlustfrei

Bevor es um einzelne Formate geht, lohnt sich ein Blick auf den zentralen Punkt, der alle unterscheidet: die Art der Komprimierung. Bilddateien werden komprimiert, damit sie nicht unnötig groß sind. Dabei gibt es zwei grundsätzliche Wege.

Verlustbehaftete Komprimierung (englisch lossy) wirft Bildinformationen weg, die das menschliche Auge kaum wahrnimmt. Das spart enorm viel Speicherplatz, allerdings sinkt mit jeder erneuten Speicherung die Qualität ein Stück weiter. Typischer Vertreter ist JPG.

Verlustfreie Komprimierung (englisch lossless) behält jedes einzelne Pixel exakt bei. Die Datei bleibt größer, dafür ist die Qualität unverändert – auch nach mehrmaligem Speichern. Typischer Vertreter ist PNG.

Ein zweiter wichtiger Punkt ist die Transparenz: Manche Formate können Bereiche durchsichtig darstellen (praktisch für Logos ohne Hintergrund), andere nicht.

Die wichtigsten Bildformate im Einzelnen

JPG / JPEG – der Klassiker für Fotos

JPG (auch JPEG geschrieben) ist das älteste und verbreitetste Format für Fotos. Es arbeitet verlustbehaftet und kann Millionen von Farben darstellen, weshalb es sich hervorragend für Bilder mit weichen Farbverläufen wie Landschaften oder Porträts eignet. Der Nachteil: JPG unterstützt keine Transparenz, und feine Kanten von Text oder Logos werden schnell unscharf und zeigen sichtbare Artefakte. Für ein Foto ist JPG dagegen fast immer eine gute Wahl.

PNG – für Grafiken, Logos und Transparenz

PNG komprimiert verlustfrei und unterstützt Transparenz. Damit ist es die erste Wahl für alles mit klaren Kanten und Flächen: Logos, Icons, Screenshots, Diagramme oder Grafiken mit Text. Weil keine Information verloren geht, bleiben scharfe Linien scharf. Der Preis dafür sind größere Dateien – besonders bei Fotos wird PNG schnell unnötig groß, weshalb man dafür lieber zu JPG oder WebP greift.

GIF – Animationen und einfache Grafiken

GIF ist ein sehr altes Format und heute vor allem für kurze Animationen bekannt. Es unterstützt zwar Transparenz und Bewegtbild, ist aber auf 256 Farben begrenzt. Für Fotos ist es deshalb ungeeignet. Für kleine animierte Grafiken hat es sich gehalten, wird bei größeren Animationen aber zunehmend durch Videoformate oder animiertes WebP ersetzt.

WebP – der moderne Allrounder fürs Web

WebP wurde von Google speziell für Webseiten entwickelt und kann sowohl verlustbehaftet als auch verlustfrei komprimieren – außerdem beherrscht es Transparenz und Animationen. Das Besondere ist die Effizienz: In der Praxis sind WebP-Dateien bei vergleichbarer Qualität rund 25 bis 35 Prozent kleiner als JPG und etwa 20 bis 30 Prozent kleiner als PNG. Kleinere Dateien bedeuten kürzere Ladezeiten – ein echter Vorteil für Webseiten. Alle modernen Browser unterstützen WebP inzwischen problemlos.

AVIF – das nächste Level der Kompression

AVIF ist das jüngste der hier vorgestellten Formate und komprimiert noch etwas stärker als WebP, oft bei gleicher oder besserer Qualität. Es eignet sich hervorragend für Fotos im Web. Die Browser-Unterstützung ist inzwischen breit, aber noch nicht ganz so lückenlos wie bei WebP. Als Faustregel gilt: AVIF ist die effizienteste Option, WebP der sichere Standard.

SVG – für Logos, die niemals unscharf werden

SVG fällt aus der Reihe, denn es speichert keine Pixel, sondern mathematisch beschriebene Formen (ein sogenanntes Vektorformat). Der große Vorteil: Ein SVG lässt sich beliebig vergrößern, ohne dass es unscharf wird – ideal für Logos und Icons. Für Fotos ist es dagegen nicht geeignet, weil es keine komplexen Bildinhalte abbilden kann.

Welches Format wofür? Die schnelle Übersicht

Wer sich die Details nicht merken will, kann sich an dieser einfachen Faustregel orientieren:

• Foto (Menschen, Landschaft, Produkt): JPG – oder WebP/AVIF, wenn es fürs Web ist.
• Logo, Icon oder Grafik mit Transparenz: PNG – oder SVG, wenn es beliebig skalierbar sein soll.
• Screenshot mit Text und scharfen Kanten: PNG.
• Bilder auf der eigenen Webseite: WebP oder AVIF für kurze Ladezeiten.
• Kurze Animation: GIF oder animiertes WebP.
• Logo, das nie unscharf werden darf: SVG.

Tipps zur Bildoptimierung

Das richtige Format ist nur der erste Schritt. Mit ein paar einfachen Handgriffen holst du das Beste heraus:

• Bildgröße anpassen: Ein Foto muss selten größer als die tatsächliche Anzeigefläche sein. Ein auf 1920 Pixel Breite verkleinertes Bild spart viel Speicher, ohne sichtbar an Qualität zu verlieren.
• Nicht mehrfach als JPG speichern: Da JPG verlustbehaftet arbeitet, verliert das Bild bei jedem Speichern etwas Qualität. Bearbeite lieber eine verlustfreie Kopie und exportiere erst am Ende als JPG.
• Fürs Web auf WebP setzen: Viele Content-Management-Systeme und Bildtools wandeln Bilder automatisch in WebP um – das verbessert Ladezeiten und die sogenannten Core Web Vitals.
• Transparenz nur wenn nötig: Transparenz braucht Speicher. Wenn ein Bild ohnehin auf weißem Hintergrund liegt, reicht oft ein einfaches JPG.

Häufige Fragen

Ist WebP besser als JPG und PNG?

In Sachen Dateigröße ja: WebP erreicht bei ähnlicher Qualität kleinere Dateien. Für die reine Bearbeitung und maximale Kompatibilität sind JPG und PNG aber weiterhin praktisch, weil jedes Programm sie öffnen kann.

Kann ich JPG in PNG oder WebP umwandeln?

Ja, das geht mit vielen kostenlosen Online-Tools oder Bildprogrammen. Zu beachten ist: Aus einem bereits verlustbehafteten JPG wird durch die Umwandlung in PNG kein besseres Bild – die verlorenen Informationen kommen nicht zurück.

Fazit

Es gibt nicht das eine beste Bildformat, sondern für jeden Zweck ein passendes. JPG bleibt der Standard für Fotos, PNG die Wahl für Grafiken, Logos und Transparenz, und SVG die perfekte Lösung für beliebig skalierbare Logos. Wer Bilder ins Web stellt, fährt mit WebP – oder dem noch effizienteren AVIF – am besten, weil kleinere Dateien für schnellere Ladezeiten sorgen. Mit dieser Faustregel triffst du beim nächsten Speichern die richtige Entscheidung, ganz ohne technisches Fachwissen.