Bild-SEO mit WebP und AVIF: So machst du deine Seite 2026 schneller – und Google happy

Es ist Dienstag, und während die halbe Tech-Welt mal wieder über die neuesten KI-Modelle und Browser-Updates diskutiert, passiert das eigentlich Spannende ganz leise im Hintergrund: Bilder machen im Schnitt mehr als die Hälfte der übertragenen Datenmenge einer Website aus. Und genau dort liegt 2026 noch immer einer der größten, ungenutzten Performance-Hebel überhaupt. Die gute Nachricht: Mit WebP und AVIF hast du zwei Waffen im Arsenal, die deine Ladezeit spürbar drücken – und damit direkt an den Core Web Vitals und am Ranking drehen. Die etwas weniger gute Nachricht: Zu viele Seiten lassen dieses Potenzial immer noch liegen. Höchste Zeit, das zu ändern.

Warum Bild-SEO mehr ist als „Datei komprimieren“

Google misst nicht, wie hübsch deine Fotos aussehen – es misst, wie schnell sie ankommen. Seit die Core Web Vitals ein anerkannter Ranking-Faktor sind, ist die Ladezeit ein offizielles SEO-Kriterium, und da Bilder der dickste Brocken auf jeder Seite sind, entscheiden sie am Ende oft darüber, ob dein LCP gut oder gruselig aussieht. Dazu kommt: Bilder tauchen in der Google Bildersuche auf, bringen Traffic über Alt-Texte und strukturierte Daten und sind bei Shopping-Seiten schlichtweg das Produkt selbst.

Bild-SEO ist also ein Paket aus vier Zutaten:

Dem richtigen Dateiformat (hello, WebP und AVIF)
Der richtigen Größe (Auflösung, nicht nur Komprimierung)
Dem richtigen Kontext (Dateiname, Alt-Text, Titel)
Der richtigen Auslieferung (Lazy Loading, Caching, responsive Bilder)

WebP vs. AVIF: Das Duell der Formate

Kurz zur Einordnung: WebP ist inzwischen der unangefochtene Allrounder – von Google entwickelt, von allen relevanten Browsern unterstützt, und im Schnitt 25 bis 35 Prozent kleiner als ein vergleichbares JPEG. AVIF geht noch einen Schritt weiter und spart oft rund 50 Prozent, basiert auf dem modernen AV1-Codec und liefert bei Fotos und bunten Grafiken eine beeindruckende Qualität. Klingt, als gäbe es nur einen Gewinner? Nicht ganz.

Die Wahrheit 2026 sieht so aus: AVIF ist der Default für Fotos, WebP der sichere Fallback. Denn AVIF braucht beim Kodieren mehr Rechenleistung (wichtig auf günstigen Shared-Hostings), und in manchen Nischen-Setups (ältere CMS, manche Bild-Editoren) ist WebP einfach pragmatischer. Und natürlich: Es gibt immer noch Browser oder Tools, die AVIF nicht verstehen – deshalb liefert man beides aus und lässt den Browser entscheiden.

So sieht das in der Praxis aus

<picture>
    <source srcset="bild.avif" type="image/avif">
    <source srcset="bild.webp" type="image/webp">
    <img src="bild.jpg" alt="Sonnenuntergang über dem Bodensee" width="1200" height="800" loading="lazy">
</picture>

Der Browser nimmt das erste Format, das er unterstützt – AVIF, wenn möglich, sonst WebP, und im absoluten Notfall das gute alte JPEG. Der <img>-Tag bleibt dabei Pflicht, denn er liefert Alt-Text, Abmessungen (wichtig gegen Cumulative Layout Shift!) und das Lazy Loading. Die Bildersuche freut sich übrigens über jeden Alt-Text, der beschreibt, was wirklich zu sehen ist – „IMG_4821.jpg“ ist da ungefähr so hilfreich wie ein Firmenschild ohne Firmenname.

Umstieg ohne Ziegenopfer: So migrierst du klug

Klar, du wirst nicht jede Nacht um drei manuell JPEGs konvertieren. Wer ein modernes CMS wie WordPress nutzt, findet dafür Plugins, die den Job beim Hochladen übernehmen und per Content Negotiation automatisch das beste Format ausliefern. Für alle anderen gibt es die bewährte Bildbearbeitungs- oder Kommandozeilen-Strecke:

# cwebp: JPEG → WebP (Qualität 80)
cwebp -q 80 input.jpg -o output.webp

# avifenc: JPEG → AVIF (Qualität 60-70)
avifenc --min 0 --max 63 --speed 6 input.jpg output.avif

Tipp aus der Praxis: Erstelle aus jedem Upload gleich drei Größen (z. B. 480 px, 900 px, 1600 px) und liefere sie über das srcset-Attribut responsive aus. Ein 2-MB-Foto auf einem 375-px-Smartphone zu servieren ist nämlich ungefähr so, als würdest du für den Einkauf um die Ecke einen Sattelschlepper anwerfen.

<img src="bild-900.webp"
     srcset="bild-480.webp 480w, bild-900.webp 900w, bild-1600.webp 1600w"
     sizes="(max-width: 600px) 100vw, 900px"
     alt="Produktübersicht der neuen Kollektion">

Was diese Woche relevant war

Wem das noch nicht genug ist: Die Diskussion über Bildformate ist 2026 längst nicht mehr nur ein Technik-Nerd-Thema. Diese Woche wurde wieder über die nächste Evolutionsstufe jenseits von AVIF debattiert – JPEG XL bleibt der Dauer-Favorit der Enthusiasten, wird aber von den großen Playern noch immer nicht überall unterstützt, und die Web-Performance-Guides der großen Plattformen setzen weiter klar auf die Kombination „AVIF als Hauptformat, WebP als Fallback“. Genau diese Kombination solltest du also in dein Setup einbauen, bevor du dich in Format-Debatten verrennst. Und falls du dich fragst, ob das Upgrade den Aufwand lohnt: Ja – 25 bis 50 Prozent weniger Bildgewicht sind kein Kaviar, sondern Brot und Butter der Performance.

Die Check-Liste für dein nächstes Bild

✅ Format: AVIF zuerst, WebP als Fallback, JPEG/PNG nur als Basis
✅ Größe: Genau so groß, wie gebraucht – nicht größer
✅ Dateiname: sonnenuntergang-bodensee.avif statt IMG_4821.jpg
✅ Alt-Text: Beschreibt konkret den Inhalt, ohne Keyword-Stuffing
✅ Lazy Loading: loading="lazy" für Bilder unterhalb des Folds
✅ Abmessungen: width und height setzen, sonst gibt’s CLS
✅ Caching: Lange Cache-Zeiten für unveränderliche Bild-URLs

Am Ende des Tages ist Bild-SEO mit WebP und AVIF keine Raketenwissenschaft, sondern vor allem eins: konsequente Umsetzung. Nimm dir ein Format-Feierabend-Projekt, konvertiere deine Top-20-Seiten und messe den Unterschied – deine Core Web Vitals, deine Besucher und Google werden es dir danken. Und dein Server übrigens auch.