Bildformat-Spickzettel — JPG vs PNG vs WebP vs AVIF
Wann welches Format verwendet werden sollte, mit Dateigrößenvergleichen und einem schnellen Entscheidungsbaum.
Das falsche Bildformat zu wählen, ist der kostengünstigste Fehler, den Sie für die Seitengeschwindigkeit machen können. AVIF kann bei gleicher sichtbarer Qualität 50 % kleiner sein als JPG — aber es lohnt sich nicht immer, zu wechseln. Hier ist der Entscheidungsbaum.
Die 10-Sekunden-Regel
- Foto, ohne Transparenz → WebP (oder AVIF, wenn Ihr Publikum nur moderne Browser verwendet).
- Foto, muss überall funktionieren → JPG.
- Logo, Screenshot oder Icon → PNG (oder WebP für kleinere Dateien bei gleicher verlustfreier Qualität).
- Animation → WebP (ersetzt GIF, 30-50 % kleiner).
- Vektorgrafik (Logo, Icon) → SVG (nicht in dieser Liste — verwenden Sie SVG, wenn möglich).
Der vollständige Vergleich
| Format | Geeignet für | Verlustbehaftet? | Transparenz | Animation | Browserunterstützung |
|---|---|---|---|---|---|
| JPG | Fotos, ohne Alpha | Ja | Nein | Nein | 100% |
| PNG | Scharfe Grafiken | Nein | Ja | Nein | 100% |
| WebP | Fotos + Grafiken | Beide | Ja | Ja | 97% (2026) |
| AVIF | Höchste Kompression | Beide | Ja | Ja | 92% (2026) |
Echter Dateigrößenvergleich
Gleiches 1920×1080-Foto, gleiche sichtbare Qualität:
- JPG (Qualität 80) — 340 KB
- WebP (Qualität 80) — 210 KB (38 % kleiner)
- AVIF (Qualität 60) — 165 KB (51 % kleiner)
- PNG (verlustfrei) — 2,4 MB (7× größer — niemals für Fotos verwenden)
Konvertieren Sie jedes Bild mit unseren kostenlosen Tools:
- In WebP konvertieren
- In PNG konvertieren
- In JPG konvertieren
- JPG-Kompressor — wählen Sie eine Qualität, sehen Sie die Ersparnis.
Für dichtes ZIP-Packen einer gesamten Bildbibliothek verwenden Sie unseren Stapelverarbeitungsmodus, um Hunderte von Bildern auf einmal zu konvertieren.
Probieren Sie unsere kostenlosen Tools aus
Die meisten dieser Anleitungen werden von einem praktischen Tool begleitet, das Sie sofort nutzen können — keine Anmeldung für den ersten Durchlauf erforderlich:
- Bildskalierung — pixelgenaues Verkleinern + Vergrößern.
- In WebP konvertieren — 30-50 % kleinere Dateien als JPG.
- Hintergrundentferner — Ein-Klick-Ausschnitt, transparentes PNG.
- Favicon-Generator — alle Browsergrößen aus einer Quelle.
- Social-Media-Skalierung — exakte Abmessungen jeder Plattform.
- Stapelverarbeitung — wenden Sie jedes Tool auf bis zu 200 Bilder gleichzeitig an.
Durchsuchen Sie den vollständigen Tool-Katalog.
