Geschwindigkeit Mittlere Auswirkung Einfach 20–40 Min.

Moderne Bildformate (WebP/AVIF)

WebP und AVIF sind 25–50 % kleiner als JPEG/PNG.

Was es ist

WebP und AVIF sind moderne Bildformate mit deutlich besserer Komprimierung als JPEG/PNG bei gleicher Qualität. Alle aktuellen Browser unterstützen sie.

Warum es wichtig ist

Bilder machen meist den größten Teil des Seitengewichts aus. Der Wechsel zu WebP/AVIF spart dutzende Prozent Daten ohne sichtbaren Qualitätsverlust, eine direkte Beschleunigung.

So geht's

1Wandle Bilder in WebP (universell) oder AVIF (noch kleiner) um.
2Verwende <picture> mit Fallback zur Sicherheit.
3Automatisiere die Konvertierung im Build / über ein CDN mit Bildtransformation.
4Verkleinere zugleich auf die tatsächlich benötigten Abmessungen.

Beispiel

Richtig

<picture>
  <source srcset="foto.avif" type="image/avif">
  <source srcset="foto.webp" type="image/webp">
  <img src="foto.jpg" alt="..." width="800" height="600">
</picture>

Fazit

Moderne Formate sind einer der wirksamsten Wege, das Seitengewicht zu senken. Automatisiere die Konvertierung idealerweise, damit es keine Handarbeit bei jedem Bild ist. Kombiniere sie mit Komprimierung, korrekten Abmessungen und Lazy Loading.

Verwandte Themen