WebP-Bilder nutzen
Veröffentlichungsdatum: 17. März 2023
Änderungsdatum: 26. August 2025
webp bilder generieren vorschaubilder thumbnails htaccess
Um aus JPG / JPEG / PNG Bilder automatisiert WebP-Bilder innerhalb der Webseiten zu nutzen, sind diverse Punkte zu beachten.
Die BASE (Mobile First) ist bereits im Standard so umgesetzt, daß WebP-Bilder in den entsprechenden CSS-Only-Varianten aktiviert sind. Ein Beispiel nachfolgend aus der SCSS-Datei für das Bild-Element.
Auszug aus elementPicture.scss (Allgemein)
-w-createWebp:1; /* Zusätzliches webp-Bild generieren [1(Ja)|0(Nein)]*/
Zusätzlich ist es erforderlich, daß in den .htaccess Dateien der Projekte die WebP-Unterstützung gesetzt ist.
In Projekten, in welchen WebP-Bilder nicht generiert werden, fehlt ggf. der erforderliche Eintrag in der / den .htaccess Datei/en. Dies können Sie über das weitere Werkzeug "BASE Analyer / Updater" und Klick auf "WebP Unterstützung in .htaccess ergänzen" nachtragen.
WebP-Bilder werden über die Bild-Funktionen aus dem Original-Bild (z.B. jpg, jpeg oder png) genieriert. Eine direkte Verlinkung z.B. im Bild-Element wird nicht unterstützt!