WebP oder AVIF?
Beide packen Fotos deutlich besser als JPEG. Die Frage ist nicht, welches technisch überlegen ist, sondern welches zu deiner Website passt.
| WebP | AVIF | |
|---|---|---|
| Ersparnis gegenüber JPEG | etwa 25–35 % | etwa 40–50 % |
| Browser-Unterstützung | praktisch vollständig | sehr gut, nicht lückenlos |
| Transparenz | ja | ja |
| Kodierdauer | kurz | deutlich länger |
| Werkzeuge und Hoster | überall dabei | teils noch nicht |
Die kurze Antwort
Nimm WebP. Es wird von allen gebräuchlichen Browsern dargestellt, jedes Bearbeitungsprogramm kann es schreiben, und der Gewinn gegenüber JPEG ist bereits erheblich. AVIF lohnt sich, wenn du sehr viele große Fotos ausspielst und die zusätzlichen zehn bis fünfzehn Prozent ins Gewicht fallen.
Beides gleichzeitig
Mit dem picture-Element kannst du mehrere Formate anbieten; der Browser nimmt das erste, das er versteht. Reihenfolge: AVIF, dann WebP, dann JPEG als Rückfallebene. Der Preis ist, dass du jedes Bild dreifach vorhalten musst.
Passende Werkzeuge
Weiter in Performance
- Website schneller machen – Die Maßnahmen in der Reihenfolge ihrer Wirkung – nicht in der ihres Aufwands.
- Bilder richtig komprimieren – Erst die Maße, dann das Format, dann die Qualität – in dieser Reihenfolge.