PNG vs JPG vs WebP: Welches Bildformat sollten Sie verwenden?
Das falsche Bildformat kann Ihre Dateien 3- bis 5-mal größer machen als nötig. Dieser Leitfaden vergleicht PNG, JPG und WebP mit echten Benchmark-Daten, damit Sie jedes Mal die richtige Wahl treffen.
Kurze Antwort
Für Fotos: Nutzen Sie WebP (30 % kleiner als JPG). Greifen Sie auf JPG zurück, wenn die Browser-Unterstützung zählt.
Für Screenshots/Text: Nutzen Sie PNG für pixelgenaue Schärfe.
Für Web-Performance: Nutzen Sie WebP, wo immer möglich. Es schlägt JPG und PNG in jedem Szenario.
Format-Überblick
| Merkmal | JPG/JPEG | PNG | WebP |
|---|---|---|---|
| Komprimierung | Verlustbehaftet | Verlustfrei | Beides |
| Transparenz | Nein | Ja | Ja |
| Animation | Nein | Nein (APNG ja) | Ja |
| Browser-Unterstützung | 100% | 100% | 97%+ |
| Am besten für | Fotos | Grafiken, Text | Alles |
| Erschienen | 1992 | 1996 | 2010 (Google) |
Benchmark: Dateigrößenvergleich
Wir haben 50 Bilder (25 Fotos + 25 Grafiken) in allen drei Formaten mit vergleichbaren Qualitätseinstellungen komprimiert:
Fotos (25 Bilder, im Schnitt 3000×2000px)
| Format | Ø Größe | vs Original | Qualität (SSIM) |
|---|---|---|---|
| Original (unkomprimiert) | 5.2 MB | — | 1.000 |
| JPG (Q80) | 680 KB | -87% | 0.985 |
| PNG | 4.1 MB | -21% | 1.000 |
| WebP (Q80) | 490 KB | -91% | 0.987 |
Grafiken und Screenshots (25 Bilder)
| Format | Ø Größe | vs Original | Qualität |
|---|---|---|---|
| Original (PNG) | 1.8 MB | — | Pixelgenau |
| JPG (Q90) | 420 KB | -77% | Leichte Unschärfe bei Text |
| PNG (optimiert) | 1.1 MB | -39% | Pixelgenau |
| WebP (verlustfrei) | 780 KB | -57% | Pixelgenau |
Kernbefund: WebP schlägt JPG bei Fotos um 28 % und PNG bei Grafiken um 29 % — bei gleicher oder besserer Qualität. Es gibt kein Szenario, in dem WebP verliert.
Im Detail: JPG (JPEG)
Funktionsweise: JPG teilt Bilder in 8×8-Pixel-Blöcke und wendet auf jeden eine diskrete Kosinustransformation (DCT) an. Hochfrequente Details (feine Texturen) werden zuerst verworfen, der Gesamteindruck bleibt erhalten.
Stärken:
- Universelle Unterstützung — jeder Browser, jede App, jedes Gerät
- Hervorragend für Fotos mit komplexen Farbverläufen
- Reifes Ökosystem mit jahrzehntelanger Optimierung
Schwächen:
- Keine Transparenz-Unterstützung
- Qualität sinkt bei jedem erneuten Speichern (Generationsverlust)
- Sichtbare „Block“-Artefakte bei niedriger Qualität, besonders an scharfen Kanten und Text
Im Detail: PNG
Funktionsweise: PNG nutzt DEFLATE-Komprimierung (ähnlich ZIP) auf Pixeldaten mit prädiktiver Filterung. Jedes Pixel bleibt exakt erhalten — kein Qualitätsverlust.
Stärken:
- Pixelgenau — ideal für Screenshots, Diagramme, Text-Overlays
- Volle Alpha-Transparenz-Unterstützung
- Keine Qualitätseinbußen beim erneuten Speichern
Schwächen:
- Große Dateien bei Fotos (3- bis 5-mal größer als JPG)
- Kein nativer verlustbehafteter Modus zur weiteren Verkleinerung
Im Detail: WebP
Funktionsweise: Von Google entwickelt, nutzt WebP die VP8-Videocodec-Technik für die verlustbehaftete und einen eigenen Ansatz für die verlustfreie Komprimierung. Es analysiert ganze Blöcke (bis 16×16) statt fester 8×8 und erzielt so bessere Vorhersagen.
Stärken:
- 25-35 % kleiner als JPG bei gleicher visueller Qualität
- Unterstützt verlustbehaftete und verlustfreie Komprimierung
- Transparenz-Unterstützung (anders als JPG)
- Animations-Unterstützung (ersetzt GIF)
- 97 %+ Browser-Unterstützung im Jahr 2026
Schwächen:
- Von einigen älteren E-Mail-Clients und Alttools nicht unterstützt
- Manche Social-Media-Plattformen rekomprimieren WebP zu JPG
Entscheidungsdiagramm
- Ist das Bild ein Foto oder ein realistisches Bild?
- Ja → Nutzen Sie WebP (oder JPG als Fallback)
- Nein → weiter
- Braucht es Transparenz?
- Ja → Nutzen Sie WebP (oder PNG als Fallback)
- Nein → weiter
- Enthält es Text, Code oder scharfe Kanten?
- Ja → Nutzen Sie PNG für Pixelgenauigkeit oder WebP verlustfrei
- Nein → Nutzen Sie WebP verlustbehaftet
Was ist mit AVIF?
AVIF ist der neueste Kandidat und bietet 20 % bessere Komprimierung als WebP. Doch die Browser-Unterstützung liegt erst bei ~92 %, das Encoding ist deutlich langsamer und das Tooling weniger ausgereift. Für die meisten Anwendungen 2026 bleibt WebP die praktische Wahl. AVIF behandeln wir in einem kommenden Artikel ausführlich.
Jedes Format mit ImgMin komprimieren
Unterstützt JPG, PNG und WebP. Die gesamte Verarbeitung läuft in Ihrem Browser — Ihre Bilder verlassen nie Ihr Gerät.
ImgMin kostenlos testenZusammenfassung
WebP ist 2026 der klare Sieger fürs Web, schlägt JPG und PNG bei der Dateigröße und erreicht oder übertrifft die Qualität. Nutzen Sie JPG als universellen Fallback für Fotos und PNG, wenn Sie pixelgenaue Grafiken mit Transparenz brauchen. Welches Format auch immer — komprimieren Sie immer vor dem Veröffentlichen.