Anwendung
WebP in HTML einbinden
WebP bindest du wie jedes Bild per img-Tag ein. Für sehr alte Browser hilft das picture-Element mit Fallback.
Schritt für Schritt
- 1 Lege das umgewandelte WebP in deinen Bildordner.
- 2 Binde es per img-Tag mit src auf die WebP-Datei ein.
- 3 Optional: nutze das picture-Element mit einem JPG- oder PNG-Fallback.
- 4 Setze width und height, damit das Layout beim Laden nicht springt.
Schneller im Browser
Erstelle WebP und ein JPG-Fallback aus derselben Quelle, beide Umwandlungen laufen im Browser.
WebP-Konverter öffnenWeitere Anleitungen
WebP-Bilder für WordPress
Anwendung
WebP-Bilder für die eigene Website
Anwendung
WebP-Bilder für Shopify
Anwendung
Mehr Hintergrund zu Formaten und Qualität findest du in unseren Ratgebern.