Warum die AVIF-Größenbestimmung wichtig ist

  • Der Komprimierungsvorteil von AVIF verstärkt sich durch die richtige Dimensionierung – falsche Abmessungen verschwenden sowohl Bytes als auch den Formatrand.
  • Mobile Datentarife profitieren am meisten von AVIF – Hero-Bilder unter 100 KB werden zum Standard.
  • Lighthouse und PageSpeed ​​kennzeichnen übergroße Bilder unabhängig vom Format.
  • Die AVIF-Dekodierung ist rechenintensiver als die JPEG-Dekodierung – übergroße AVIF-Dateien belasten leistungsschwache Geräte.

AVIF Resize Best Practices

  • AVIF auf die tatsächliche Rendergröße skalieren, nicht auf die 2- oder 3-fache Dichte (die Dekodierungskosten sind relevant).
  • AVIF mit JPEG-Fallback im Bildelement für ältere Browser kombinieren
  • Eine Qualität von 70–80 ist der optimale Bereich für AVIF – ab einer Qualität von 90 verliert das Format seinen Vorteil.
  • AVIF sollte bei sehr kleinen Dateien unter 5 KB übersprungen werden – der Kodierungsaufwand übersteigt die Einsparung.
  • Die wahrgenommene Qualität sollte immer anhand realer Inhalte geprüft werden, nicht anhand synthetischer Beispiele.