Zum Inhalt springen
LocalMedia Tools

PNG vs. JPG vs. WebP – welches Bildformat sollte ich verwenden?

LocalMedia Tools ·

Fast jedes Bild im Web nutzt eines von drei Formaten, und jedes davon gibt dafür etwas anderes auf. JPG komprimiert Fotografien aggressiv, indem es Details verwirft, die Ihrem Auge kaum auffallen würden, PNG bewahrt jeden Pixel exakt so, wie er war, und fügt Transparenz hinzu, und WebP ist Googles neueres Format, das beide Aufgaben zugleich erledigen will – verlustbehaftet und verlustfrei, mit Transparenz – in einer kleineren Datei, als die beiden älteren Formate meist erzeugen. Die falsche Wahl zu treffen ist selten fatal, bedeutet aber entweder aufgeblähte Ladezeiten oder sichtbar unscharfe, blockige Bilder. Dieser Leitfaden erklärt, was jedes Format unter der Haube tatsächlich tut, wo HEIC (das Format, in dem iPhones Fotos speichern) ins Bild passt, und wie Sie jedes davon konvertieren oder komprimieren, ohne irgendwo eine Datei hochzuladen.

Was ist JPG, und wann sollten Sie es verwenden?

JPG (auch als JPEG geschrieben) nutzt verlustbehaftete Kompression: Es analysiert das Bild in Blöcken, verwirft feine Details und Farbabstufungen, die das menschliche Auge kaum wahrnimmt, und rekonstruiert beim Dekodieren eine Annäherung. Genau dieser Kompromiss macht JPG klein – eine Fotografie, die unkomprimiert mehrere Megabyte belegen würde, komprimiert bei einer Qualitätseinstellung, die die meisten Menschen nicht vom Original unterscheiden können, oft auf wenige hundert Kilobyte. JPG hat keinen Transparenzkanal, wird also immer auf einem deckenden Hintergrund dargestellt, und eignet sich schlecht für Screenshots, Strichzeichnungen oder Text, bei denen die weiche Unschärfe um scharfe Kanten auffällt. Nutzen Sie JPG für Fotografien und fotoähnliche Bilder – Produktaufnahmen, Porträts, Landschaften –, bei denen die Dateigröße zählt und ein Hintergrund erwartet wird.

Was ist PNG, und wann sollten Sie es verwenden?

PNG nutzt verlustfreie Kompression: Jeder Pixel, den Sie speichern, ist exakt der Pixel, den Sie zurückbekommen, ganz ohne Annäherung. Das macht PNG zur richtigen Wahl für Screenshots, UI-Mockups, Logos, Diagramme und jedes Bild mit scharfem Text oder harten Kanten, bei denen verlustbehaftete Artefakte sofort als Unschärfe oder blockiges Rauschen an den Rändern sichtbar würden. PNG unterstützt außerdem einen vollständigen Alpha-(Transparenz-)Kanal, sodass ein Logo oder Icon einen wirklich durchsichtigen Hintergrund haben kann statt eines weißen oder farbigen Kastens darum. Der Preis ist die Größe: Weil PNG kein Detail verwerfen kann, ist ein als PNG gespeichertes Foto typischerweise mehrfach größer als dasselbe Foto als JPG – ohne sichtbaren Qualitätsgewinn bei einem fotografischen Motiv.

Was ist WebP, und wie unterscheidet es sich von JPG und PNG?

WebP ist ein neueres Format, das entwickelt wurde, um beide älteren Formate auf einmal zu ersetzen. Es unterstützt sowohl verlustbehaftete als auch verlustfreie Kompression im selben Dateiformat, dazu einen vollständigen Transparenzkanal wie PNG – ein einziges Format kann also ein komprimiertes Foto, einen verlustfreien Screenshot und ein transparentes Logo abdecken. In der Praxis fallen WebP-Dateien typischerweise 25–35 % kleiner aus als ein qualitativ gleichwertiges JPG, und verlustfreies WebP ist meist auch kleiner als dasselbe Bild als PNG gespeichert. Die Browser-Unterstützung ist seit den frühen 2020er-Jahren nahezu universell (jeder große Browser stellt es nativ dar), was den historischen Haupteinwand gegen die Nutzung beseitigt hat. Der verbleibende Haken ist die Kompatibilität außerhalb des Browsers: Manche älteren Bildbearbeitungsprogramme, ältere CMS-Plugins sowie Druck- oder Design-Workflows öffnen WebP noch immer nicht direkt – es lohnt sich also, die eigene Toolchain zu prüfen, bevor Sie überall darauf umsteigen.

Wo passt HEIC hinein, und sollten Sie es konvertieren?

HEIC ist das Format, das iPhones seit iOS 11 standardmäßig für Fotos nutzen – es komprimiert bei ähnlicher Qualität effizienter als JPG, weshalb es weniger Platz auf Ihrem Handy belegt. Das Problem ist die Kompatibilität, nicht die Qualität: Jede Menge Windows-Software, ältere Android-Apps, Webformulare und E-Mail-Programme können eine .heic-Datei entweder gar nicht öffnen oder gehen unbeholfen damit um. Wenn Sie ein Foto irgendwo teilen, wo HEIC möglicherweise nicht unterstützt wird – beim Hochladen auf eine Website, beim Versenden an jemanden mit unbekanntem Gerät, beim Posten in älterer Software –, konvertieren Sie es zuerst in JPG für die breiteste Kompatibilität, oder in PNG nur, wenn Sie ausdrücklich verlustfreie Qualität oder Transparenz brauchen (selten bei einem Kamerafoto). LocalMedias HEIC-zu-JPG-Konverter erledigt diese Umwandlung vollständig in Ihrem Browser, sodass das Foto von Ihrem Gerät gelesen, konvertiert und zurückgespeichert wird, ohne irgendwohin hochgeladen zu werden.

Welches Format sollten Sie je nach Einsatzzweck tatsächlich wählen?

Die Entscheidung hängt meist davon ab, was das Bild enthält und wohin es geht. Für eine Fotografie oder ein fotorealistisches Bild, das fürs Web bestimmt ist, nutzen Sie WebP, wenn Ihre Plattform es akzeptiert, sonst JPG. Für einen Screenshot, ein gescanntes Dokument, ein Diagramm oder alles mit Text nutzen Sie PNG (oder verlustfreies WebP), damit die Kanten scharf bleiben. Für ein Logo, Icon oder eine Grafik, die einen transparenten Hintergrund braucht, nutzen Sie PNG oder WebP – niemals JPG, da es Transparenz überhaupt nicht darstellen kann. Für maximale Kompatibilität mit alter Software, E-Mail-Programmen oder Druck-Workflows bleiben JPG und PNG die sichersten universellen Wahlen, da die WebP-Unterstützung außerhalb moderner Browser weiterhin uneinheitlich ist.

Warum wird ein JPG durch wiederholtes erneutes Speichern schlechter?

Weil die Kompression von JPG verlustbehaftet ist, analysiert das Format jedes Mal, wenn Sie ein JPG öffnen, bearbeiten und erneut als JPG speichern, die Details neu und verwirft weitere davon, zusätzlich zu dem, was beim ersten Mal schon verworfen wurde. Nach ein paar Bearbeitungs- und Speicherdurchgängen wird der aufsummierte Verlust als weiche Unschärfe, Farbabstufungen (Banding) oder blockige Artefakte an den Kanten sichtbar – ein Problem, das oft Generationsverlust genannt wird. Bei PNG passiert das nicht, da verlustfreie Kompression unabhängig davon, wie oft Sie erneut speichern, nie Details verwirft. Wenn Sie ein Foto mehrfach bearbeiten müssen, behalten Sie während der Bearbeitung eine PNG- oder andere verlustfreie Master-Kopie und exportieren Sie erst am Ende, für die endgültige Auslieferung, einmalig als JPG.

Wie konvertieren oder komprimieren Sie Bilder, ohne sie hochzuladen?

Das Konvertieren zwischen JPG, PNG, WebP und HEIC oder das Verkleinern einer zu großen Datei erfordert überhaupt nicht, das Bild an einen Server zu senden – ein Browser kann die gängigsten Bildformate selbstständig dekodieren und neu kodieren. LocalMedias Bildformat-Konverter wechselt direkt in Ihrem Browser-Tab zwischen JPG, PNG und WebP, und der Bildkompressor reduziert die Dateigröße durch Anpassen von Qualität oder Abmessungen – beides, ohne dass die Datei je Ihr Gerät verlässt. Das können Sie selbst überprüfen: Öffnen Sie die DevTools Ihres Browsers (F12), wechseln Sie zum Tab Netzwerk und achten Sie beim Konvertieren oder Komprimieren einer Datei auf eine Upload-Anfrage – ein wirklich lokales Tool sendet nichts.

Ähnliche Tools

FAQ

Ist PNG oder JPG besser?
Keines ist universell besser – sie sind für unterschiedliche Inhalte gebaut. JPGs verlustbehaftete Kompression macht es bei Fotografien deutlich kleiner, während PNGs verlustfreie Kompression Screenshots, Text und Grafiken frei von Unschärfe hält und Transparenzunterstützung bietet, die JPG komplett fehlt. Nutzen Sie JPG für Fotos, PNG für alles mit scharfen Kanten, Text oder transparentem Hintergrund.
Ist WebP besser als JPG?
Bei Dateigröße und Qualität in der Regel ja: WebP erzeugt typischerweise Dateien, die 25–35 % kleiner sind als ein qualitativ gleichwertiges JPG, und unterstützt außerdem Transparenz und verlustfreie Kompression, was JPG überhaupt nicht kann. Der einzige Grund, trotzdem JPG statt WebP zu wählen, ist die Kompatibilität mit älterer Software oder Workflows, die keine WebP-Dateien öffnen.
Unterstützt WebP Transparenz?
Ja. WebP verfügt sowohl im verlustbehafteten als auch im verlustfreien Modus über einen vollständigen Alpha-Transparenzkanal und kann PNG damit bei transparenten Logos und Icons ersetzen – meist bei kleinerer Dateigröße.
Sollte ich HEIC in JPG oder PNG umwandeln?
Konvertieren Sie fast immer in JPG – es ist kleiner und universell kompatibel, was genau dem entspricht, was ein Kamerafoto braucht. Konvertieren Sie nur dann in PNG, wenn Sie ausdrücklich verlustfreie Qualität oder einen transparenten Hintergrund brauchen, was bei einem gewöhnlichen Foto unüblich ist.
Welches Format erzeugt die kleinste Datei?
Bei Fotografien ist verlustbehaftetes WebP meist am kleinsten, gefolgt von JPG, während PNG weit größer ausfällt. Bei Screenshots, Text oder Strichzeichnungen ist verlustfreies WebP meist am kleinsten, gefolgt von PNG, da JPGs verlustbehaftete Kompression für scharfe Kanten unabhängig von der Dateigröße schlecht geeignet ist.
Kann ich zwischen PNG, JPG und WebP konvertieren, ohne Qualität zu verlieren?
Das Konvertieren von einem verlustfreien Format (PNG) in eine andere verlustfreie Einstellung bewahrt die Qualität exakt. Das Konvertieren zu oder zwischen verlustbehafteten Formaten (JPG, verlustbehaftetes WebP) komprimiert das Bild immer neu, sodass bei jeder Konvertierung etwas Qualität verloren geht – behalten Sie eine verlustfreie Master-Kopie, wenn Sie ein Bild voraussichtlich mehr als einmal konvertieren oder bearbeiten.