# WebP / AVIF

Kategorie: [Onpage & Content](https://seo-geo-glossary.com/de/glossar/kategorie/onpage-content/) › [Überschriften, Bilder & Medien](https://seo-geo-glossary.com/de/glossar/kategorie/onpage-content/ueberschriften-bilder-medien/)

**WebP** ist ein von Google entwickeltes Bildformat für das Web. Es speichert Fotos und Grafiken mit verlustbehafteter oder verlustfreier Kompression, unterstützt Transparenz und Animation und erzeugt bei vergleichbarer Qualität kleinere Dateien als JPEG und PNG.

## Warum ist WebP für SEO relevant?

Google gibt für WebP folgende Vorteile an. Verlustfreie WebP-Dateien sind rund 26 Prozent kleiner als vergleichbare PNG-Bilder, verlustbehaftete 25 bis 34 Prozent kleiner als vergleichbare JPEG-Bilder. web.dev nennt für typische Fälle eine Ersparnis von 25 bis 35 Prozent gegenüber JPEG und PNG. Kleinere Dateien verkürzen die Ladezeit, was vor allem den Largest Contentful Paint (LCP) betrifft, wenn ein Bild das größte sichtbare Element ist.

Für die Indexierung relevant ist, dass Google Search WebP, ebenso BMP, GIF, JPEG, PNG, SVG und AVIF unterstützt, sofern die Bilder im `src`-Attribut eines `img`-Elements stehen. AVIF ist ein weiteres modernes Format mit demselben Zweck.

Ältere Browser beherrschen WebP nicht. Hier hilft das `picture`-Element. Der Browser nimmt die erste Quelle, die er versteht, und fällt sonst auf JPEG oder PNG zurück. Alternativ liefern Server je nach `Accept`-Header das passende Format aus.

## Beispiel

```html
<picture>
  <source srcset="/bilder/schuh.webp" type="image/webp">
  <img src="/bilder/schuh.jpg" alt="Roter Laufschuh, Seitenansicht" width="800" height="600">
</picture>
```

## Häufige Fehler

- Dateien lediglich umbenennen. Die Endung `.webp` ändert das Format nicht.
- Kein Fallback eingebaut und damit Besucher mit älteren Browsern ausgeschlossen.
- Das Hero-Bild per `loading="lazy"` verzögern, obwohl es der LCP-Kandidat ist (Einschätzung).

## Häufige Fragen

**Ist WebP besser als JPG?** Für das Web in der Regel ja, weil die Dateien bei ähnlicher Qualität kleiner sind. Für Druck oder Archivierung bleibt JPEG oder PNG gebräuchlicher.

## Verwandte Begriffe

- [Bild-SEO](https://seo-geo-glossary.com/de/glossar/bild-seo/index.md)
- [Largest Contentful Paint (LCP)](https://seo-geo-glossary.com/de/glossar/largest-contentful-paint/index.md)
- [Core Web Vitals](https://seo-geo-glossary.com/de/glossar/core-web-vitals/index.md)
- [Lazy Loading](https://seo-geo-glossary.com/de/glossar/lazy-loading/index.md)
- [Bilder-Box](https://seo-geo-glossary.com/de/glossar/bilder-box/index.md)
- [Alt-Text (Alt-Attribut)](https://seo-geo-glossary.com/de/glossar/alt-text/index.md)

## Quellen

- [An image format for the Web (WebP) – Google for Developers](https://developers.google.com/speed/webp)
- [Serve images in modern formats (WebP) – web.dev](https://web.dev/articles/serve-images-webp)
- [Image SEO best practices – Google Search Central](https://developers.google.com/search/docs/appearance/google-images)
- [Image file type and format guide (AVIF, WebP) – MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types)

---

Stand: 7. Oktober 2026
URL: https://seo-geo-glossary.com/de/glossar/webp-avif/