Format-Übersicht
Web-relevante Bildformate (Stand 2026)
| Format | Stärken | Schwächen | Browser-Support |
|---|---|---|---|
| JPG | Universell, klein für Fotos | Kein Alpha, lossy | 100 % |
| PNG | Verlustfrei, Alpha | Groß bei Fotos | 100 % |
| WEBP | 30 % kleiner als JPG, Alpha + Animation | Encoder langsam | ~98 % |
| AVIF | Bis 50 % kleiner als JPG, HDR | Sehr langsam beim Encoden | ~95 % |
| HEIC | Hocheffizient, iPhone-Standard | Patente, Web-Support schwach | Safari only |
| GIF | Animation, universell | Nur 256 Farben, riesig | 100 % |
| SVG | Vektor, beliebig skalierbar | Nur für Grafik, nicht Fotos | 100 % |
Empfehlung nach Einsatzfall
| Einsatzfall | Empfehlung | Alternative |
|---|---|---|
| Web-Foto (Hero, Galerie) | WEBP @ 85 | AVIF @ 60 für moderne Browser |
| Logo, Icon, UI-Grafik | SVG | PNG falls Raster nötig |
| Screenshot mit Text | PNG | WEBP lossless |
| E-Commerce-Produktbild | WEBP @ 85 | JPG @ 85 als Fallback |
| E-Mail-Newsletter | JPG @ 80 | PNG für Logos |
| Print/PDF | TIFF oder PNG @ 300 DPI | JPG @ 95 |
| iPhone-Foto-Archiv | HEIC | JPG @ 90 für Sharing |
Schnellregeln
- Mehr als 1 MB pro Bild auf einer Webseite ist fast immer zu viel.
- Pro Bild idealerweise <200 KB für Above-the-fold, <100 KB darunter.
- Alpha-Kanal nötig? PNG oder WEBP — JPG kann es nicht.
- Animation gewünscht? WEBP, nicht GIF (10× kleiner bei gleicher Qualität).
- Vektor möglich (Logos, Icons)? Immer SVG.
Faustregel: WEBP @ 85 ersetzt 95 % aller JPGs im Web ohne sichtbaren Qualitätsverlust und spart 25–40 % Größe.