SparkCore
AVIF auf WordPress: noch kompakter, wo es geht
AVIF kann noch effizienter sein als WebP. Spark kombiniert AVIF mit Fallbacks, damit Besucher immer ein funktionierendes Bild sehen.
Kurz gesagt
- AVIF ist bei gleicher sichtbarer Qualität oft das kleinste Format.
- Alle aktuellen großen Browser unterstützen AVIF.
- Verwenden Sie AVIF immer mit einem Fallback für Browser, die es nicht darstellen können.
AVIF und Kompatibilität
Nicht jeder Browser unterstützt AVIF überall; deshalb mischen wir Formate in einem Workflow.
Was ist AVIF und warum sind diese Dateien so klein?
AVIF ist ein modernes Bildformat, das aus der Videokomprimierung abgeleitet ist. Es speichert Bildinformationen klüger als JPEG. Vor allem bei Fotos mit weichen Verläufen, etwa Himmel oder Haut, macht das viel aus. Das Format unterstützt auch Transparenz. Dadurch kann es manchmal ein PNG ersetzen. Der Preis ist Rechenzeit. Eine AVIF-Datei zu erzeugen dauert länger als bei JPEG oder WebP. Für Besucher ist das kein Problem, denn Sie erzeugen die Datei einmal und liefern sie danach viele Male aus.
Welche Browser unterstützen AVIF in WordPress?
Die aktuellen Versionen von Chrome, Edge, Firefox und Safari zeigen AVIF an. Trotzdem besucht nicht jeder Ihre Website mit dem neuesten Browser. Ältere Geräte und veraltete Apps unterstützen das Format möglicherweise nicht. Das ist kein Grund, AVIF links liegen zu lassen. Es ist ein Grund, einen Fallback zu verwenden. Der Browser meldet, welche Formate er darstellen kann, und erhält das beste passende. Wer AVIF nicht kennt, bekommt WebP oder JPEG. Niemand sieht ein kaputtes Bild.
- Chrome, Edge, Firefox und Safari unterstützen AVIF in ihren aktuellen Versionen.
- Ältere Browser benötigen einen JPEG- oder WebP-Fallback.
- Testen Sie immer auf einem echten Gerät, nicht nur in Ihrem eigenen Browser.
AVIF oder WebP: Was wählen Sie für Ihre WordPress-Website?
Sie müssen sich nicht entscheiden. Verwenden Sie beide. AVIF liefert oft die kleinste Datei. WebP lässt sich schneller erzeugen und wird breit unterstützt, es ist also eine starke zweite Wahl. JPEG oder PNG bleibt das Sicherheitsnetz. Beachten Sie, dass kleiner nicht immer besser ist. Bei zu hoher Komprimierung kann AVIF ein glattes, wachsartiges Bild ergeben. Beurteilen Sie das Ergebnis daher immer in Bildschirmgröße. Bei Fotos ist AVIF meistens der Sieger. Bei kleinen Icons ist der Unterschied in Bytes oft zu gering, um ins Gewicht zu fallen.
- Verwenden Sie AVIF für Fotos mit weichen Verläufen.
- Behalten Sie WebP als zweite Wahl und JPEG oder PNG als Sicherheitsnetz.
- Beurteilen Sie das Ergebnis immer in Bildschirmgröße.
Wie setzen Sie AVIF sicher auf WordPress ein?
Ein sicherer Einsatz dreht sich um drei Dinge: Varianten erzeugen, die richtige ausliefern und Ihr Original bewahren. Machen Sie das von Hand, müssen Sie das bei jedem Upload durchhalten. Spark Media Optimizer übernimmt diese Arbeit. Das Plugin erzeugt WebP und AVIF im Hintergrund und liefert sie an Browser aus, die sie unterstützen. Mit JPEG oder PNG als Fallback. Fällt ein Browser durchs Raster, schaltet das Plugin automatisch zurück. Das gilt auch für Ihre vorhandene Mediathek.
Häufige Fragen
Oft ja, vor allem bei Fotos. Der Unterschied hängt vom Bild und von der Einstellung ab. Testen Sie ein paar repräsentative Bilder Ihrer eigenen Website und vergleichen Sie sie in Bildschirmgröße, bevor Sie sich entscheiden.
Nicht in jedem. Die aktuellen Versionen von Chrome, Edge, Firefox und Safari zeigen es aber an. Ältere Browser benötigen einen Fallback, etwa WebP oder JPEG, sonst sehen sie kein Bild. Mit einem guten Fallback bemerkt Ihr Besucher davon nichts.
Nein. Bewahren Sie das Original auf und liefern Sie AVIF als zusätzliche Variante aus. So können Sie jederzeit zurück und fangen Browser auf, die das Format nicht kennen. Eine zweite Variante kostet nur etwas Speicherplatz.