PNG vs. JPG: Welches Bildformat solltest du verwenden?
PNG und JPG sind die beiden gängigsten Bildformate im Internet, und die falsche Wahl kann zu unnötig großen Dateien oder verminderter Qualität führen. Hier ist eine klare Übersicht, wann du welches Format verwenden solltest.
Der zentrale Unterschied: Verlustbehaftet vs. verlustfrei
JPG verwendet verlustbehaftete Kompression — es entfernt dauerhaft einen Teil der Bilddaten, um die Datei zu verkleinern. Je mehr du komprimierst, desto mehr Qualität geht verloren. Einmal als JPG gespeichert, lässt sich diese Qualität nicht wiederherstellen.
PNG verwendet verlustfreie Kompression — es behält jedes einzelne Pixel bei. Egal wie oft du die Datei speicherst, es geht keine Qualität verloren. PNG-Dateien sind größer, aber perfekte Kopien des Originals.
Wann du JPG verwenden solltest
- Fotografien — JPG verarbeitet die Millionen feinen Farbabstufungen in Fotos effizient. Ein hochwertiges JPG-Foto ist in der Regel 60–80 % kleiner als das entsprechende PNG.
- Bilder für soziale Medien — Instagram, Facebook und Twitter akzeptieren alle JPG. Plattformen komprimieren Uploads ohnehin oft erneut, daher minimiert ein bereits komprimiertes JPG die doppelte Kompression.
- E-Mail-Anhänge — Kleinere Dateien bedeuten schnelleres Senden und Empfangen.
- Blogbilder — Schneller ladende Seiten, geringerer Bandbreitenverbrauch.
Wann du PNG verwenden solltest
- Logos und Icons — PNG bewahrt scharfe Kanten bei Text und Linien, die JPG verwischen würde.
- Bilder mit Transparenz — PNG unterstützt Alphakanal-Transparenz. JPG nicht.
- Screenshots — Besonders Screenshots mit Text — PNG hält Text gestochen scharf.
- Design-Assets — Wenn du das Bild später weiter bearbeitest, verhindert PNG Qualitätsverlust bei mehrfachem Speichern.
- Bilder mit flächigen Farben — Illustrationen, Grafiken und Diagramme komprimieren in PNG besser als in JPG.
Dateigrößenvergleich
Als grober Richtwert eine 1920×1080-Fotografie:
- PNG: ~3–5 MB
- JPG bei 80 % Qualität: ~300–600 KB
- JPG bei 60 % Qualität: ~150–250 KB (sichtbarer Qualitätsverlust)
Bei Fotografien ist der Größenunterschied dramatisch. Für ein Logo mit transparentem Hintergrund ist PNG die einzig sinnvolle Wahl.
Was ist mit WebP?
WebP ist die moderne Alternative, die sowohl PNG als auch JPG übertrifft. Es erzielt kleinere Dateien als JPG bei Fotografien, unterstützt Transparenz wie PNG und wird von allen modernen Browsern unterstützt. Wenn du auf Web-Performance optimierst, lohnt sich das Konvertieren zu WebP.
Schnelle Entscheidungshilfe
| Anwendungsfall | Bestes Format |
|---|---|
| Foto für das Web | JPG oder WebP |
| Logo mit transparentem Hintergrund | PNG |
| Screenshot mit Text | PNG |
| Foto für soziale Medien | JPG |
| Design-Asset zum Bearbeiten | PNG |
| Web-Banner/Hero-Bild | WebP oder JPG |