Das Bildformat-Problem
Du hast ein JPG. Jemand sagt, du sollst WebP verwenden. Ein anderer sagt, AVIF ist besser. Dein Designer schickt ein PNG. Dein CMS will alles in WebP. Dein E-Mail-Client bricht zusammen, wenn es kein JPG ist.
Lass uns das ein für alle Mal klären.
Die Formate erklärt
JPEG (JPG) — Der zuverlässige Klassiker
Erfunden 1992. Immer noch das meistgenutzte Bildformat im Web.
- Komprimierung: gut (nur verlustbehaftet)
- Transparenz: nein
- Browser-Unterstützung: 100%
- Am besten für: Fotos, Bilder mit Farbverläufen, E-Mail, alles was universelle Kompatibilität braucht
- Nicht für: Bilder mit Text, Logos, Screenshots (Komprimierungsartefakte erscheinen)
Faustregel: im Zweifel und wenn Kompatibilität wichtig ist, JPG verwenden.
PNG — Verlustfreie Qualität mit Transparenz
- Komprimierung: verlustfrei (größere Dateien als JPG bei Fotos)
- Transparenz: ja (Alphakanal)
- Browser-Unterstützung: 100%
- Am besten für: Logos, Icons, Screenshots, Bilder mit Text, alles was einen transparenten Hintergrund braucht
- Nicht für: Fotos (Dateien 3–5× größer als gleichwertiges JPG)
Faustregel: wenn du Transparenz oder pixelgenaue Schärfe brauchst, PNG verwenden.
WebP — Googles Upgrade für JPG und PNG
2010 von Google veröffentlicht. Konzipiert als Ersatz für sowohl JPG als auch PNG.
- Komprimierung: 25–35% kleiner als JPG (gleiche Qualität), 20–30% kleiner als PNG
- Transparenz: ja
- Animation: ja (ersetzt GIF)
- Browser-Unterstützung: 97%+ (alle modernen Browser — Chrome, Firefox, Safari 14+, Edge)
- Am besten für: Web-Bilder wo du die Browser-Umgebung kontrollierst
- Nicht für: E-Mail (viele Clients unterstützen es nicht), Apps für ältere Geräte
Der Haken: Safari unterstützt WebP erst seit 2020. Wenn du Nutzer auf iOS 13 oder altem Safari hast, brauchst du ein JPG-Fallback.
AVIF — Der neue Champion
Basiert auf dem AV1-Video-Codec. Um 2019 veröffentlicht, seit 2022 weit verbreitet.
- Komprimierung: 50% kleiner als JPG bei gleichwertiger Qualität — das Beste verfügbare
- Transparenz: ja
- Animation: ja
- Browser-Unterstützung: ~93% (Chrome, Firefox, Safari 16+, Edge — nicht IE, nicht alte Geräte)
- Am besten für: Web-Bilder wo maximale Komprimierung zählt, moderne Zielgruppen
- Nicht für: Tools die es noch nicht unterstützen (Photoshop hat 2023 Support hinzugefügt, manche CMS noch nicht)
Der Haken: Kodierung ist langsam (10–20× langsamer als WebP). Für Massenkonvertierung ein Tool verwenden.
GIF — Verwende lieber WebP oder Video
GIFs sind 30 Jahre alt. Sie sind 8-Bit, begrenzt auf 256 Farben pro Frame, und lächerlich groß.
Ein 5 MB GIF kann ein 300 KB WebP-Animation oder ein 200 KB MP4 sein. In 2026 gibt es fast keinen Grund mehr, GIF zu verwenden — außer auf Plattformen, die es spezifisch erfordern.
Format-Vergleichstabelle
| Format | Dateigröße | Transparenz | Animation | Unterstützung | Am besten für |
|---|---|---|---|---|---|
| JPG | Referenz | Nein | Nein | 100% | Fotos, E-Mail |
| PNG | 3–5× JPG | Ja | Nein | 100% | Logos, Screenshots |
| WebP | −30% JPG | Ja | Ja | 97% | Web-Fotos & Icons |
| AVIF | −50% JPG | Ja | Ja | 93% | Modernes Web, maximale Komprimierung |
| GIF | 10–20× WebP | Teilweise | Ja | 100% | Nur Legacy-Kompatibilität |
Welches Format wählen: Entscheidungsleitfaden
Für ein Foto auf deiner Website → AVIF (mit WebP-Fallback für ältere Browser). In HTML:
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="...">
</picture>
Für ein Logo mit transparentem Hintergrund → WebP oder PNG. WebP ist 30% kleiner; PNG verwenden wenn du 100% Kompatibilität brauchst.
Für E-Mail → Immer JPG. E-Mail-Clients sind ein Chaos; JPG ist das einzig wirklich sichere Format.
Für eine Produktseite mit vielen Bildern → AVIF. Der Komprimierungsunterschied (50% vs. JPG) hat echten Einfluss auf Ladezeit und Core Web Vitals.
Um ein GIF auf deiner Website zu ersetzen → WebP-Animation oder MP4. Video zu GIF erstellt WebP-kompatible Animationen; die meisten modernen Player handhaben MP4-Schleifen sauber.
Für Social-Media-Upload → JPG. Instagram, Twitter/X, Facebook komprimieren dein Bild ohnehin neu.
Der SEO-Aspekt
Google PageSpeed Insights und Core Web Vitals bestrafen speziell übergroße Bilder. Von JPG auf WebP/AVIF zu wechseln bei einer Website mit 50+ Bildern kann deinen LCP-Score (Largest Contentful Paint) deutlich verbessern.
Ein Hero-Bild JPG bei 400 KB = WebP bei 280 KB = AVIF bei 200 KB. Das visuelle Ergebnis ist identisch. Die Ladezeit nicht.
Konvertiere deine Bilder jetzt
Bildkonverter konvertiert zwischen PNG, JPG, WebP, AVIF und mehr — Stapelverarbeitung, kostenlos. Kein Konto erforderlich.
Für Komprimierung ohne Formatwechsel: Bildkompressor reduziert die Dateigröße bei erhaltener Qualität und Format.