WebP vs. JPG vs. AVIF: Was sollte Ihre Website nutzen?

Der Vergleich, auf den es ankommt

Die Zahlen schwanken je nach Bild, die Reihenfolge ist stabil: AVIF ist am kleinsten, WebP folgt, JPG ist am größten. Transparenz-Unterstützung und Browser-Abdeckung entscheiden darüber, welches Sie tatsächlich einsetzen können.

Was Sie tatsächlich ausliefern sollten

Wenn Sie das Markup kontrollieren, liefern Sie moderne Formate mit Fallback: zuerst AVIF, dann WebP, zuletzt JPG. Der Browser nimmt das erste Format, das er versteht, sodass neuere Browser die kleinere Datei bekommen und ältere das Bild trotzdem sehen. Das ist ein einzelnes picture-Element mit zwei zusätzlichen source-Zeilen – und die Änderung mit dem größten Effekt, die die meisten Websites an ihrem Bildgewicht vornehmen können.

Wenn Sie auf eine Plattform hochladen, die nur eine Datei akzeptiert, wählen Sie WebP: kleiner als JPG, mit Transparenz, und jeder aktuelle Browser zeigt es an. Der Hauptgrund, trotzdem JPG zu wählen, ist ein Publikum mit alter Software – ein Drucker, ein Offline-Editor, ein Firmenintranet.

Wo AVIF gewinnt und wo es weh tut

AVIF komprimiert am stärksten bei den niedrigen Qualitätsstufen, bei denen JPG zerfällt, deshalb ist es das Format für bildlastige Seiten, die leicht bleiben müssen. Die Kosten sind real: Das Encodieren ist viel langsamer, ältere Software kann es gar nicht öffnen, und manche Bildbearbeitung importiert es bis heute nicht sauber.

Ein praktischer Haken bei browsergestützten Tools: Um eine AVIF-Datei zu erzeugen, muss der Browser AVIF-Encoding unterstützen, was heute Chromium-Browser bedeutet. Unter Firefox oder Safari sollte ein Konverter das sagen und WebP anbieten, statt stillschweigend etwas anderes zu erzeugen.

Zwischen den drei Formaten konvertieren

Konvertierungen zwischen verlustbehafteten Formaten kosten immer ein wenig Qualität, weil jedes Speichern Details verwirft. Konvertieren Sie aus dem Original-Master statt aus einer bereits konvertierten Kopie, und einmal statt wiederholt.

Der Wechsel von einem verlustbehafteten zu einem verlustfreien Format – etwa zu PNG – macht die Datei deutlich größer, ohne das bereits Verlorene zurückzuholen. Tun Sie das nur, wenn Sie wiederholt bearbeiten und neu speichern müssen oder Transparenz brauchen.