Anwendung
WebP in HTML einbinden
WebP binden Sie wie jedes Bild per img-Tag ein. Für sehr alte Browser hilft das picture-Element mit Fallback.
Schritt für Schritt
- 1 Legen Sie das umgewandelte WebP in Ihren Bildordner.
- 2 Binden Sie es per img-Tag mit src auf die WebP-Datei ein.
- 3 Optional: Nutzen Sie das picture-Element mit einem JPG- oder PNG-Fallback.
- 4 Setzen Sie width und height, damit das Layout beim Laden nicht springt.
Direkt im Browser umwandeln
Erzeugen Sie WebP und ein JPG-Fallback aus derselben Quelle, indem Sie zweimal mit unterschiedlichem Ausgabeformat umwandeln.
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 finden Sie in unseren Ratgebern.