Avif-Bilder nutzen
09. Oktober 2025
avif bilder generieren vorschaubilder thumbnails htaccess
Um aus JPG / JPEG / PNG Bilder automatisiert Avif-Bilder innerhalb der Webseiten zu nutzen, sind diverse Punkte zu beachten.
Die BASE (Mobile First) ist bereits im Standard so umgesetzt, daß Avif-Bilder in den entsprechenden CSS-Only-Varianten (Bild, Banner, Bildergalerie, etc.) als Option verfügbar sind. Ein Beispiel nachfolgend aus der SCSS-Datei für das Bild-Element.
Auszug aus elementPicture.scss (Allgemein)
-w-createAvif:1; /* Avif-Bild generieren [only(Ausschließlich)|1(Zusätzlich)|0(Nein)]*/
Zusätzlich ist es erforderlich, daß in den .htaccess Dateien der Projekte die Avif-Unterstützung gesetzt ist.
In Projekten, in welchen Avif-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 "Avif Unterstützung in .htaccess ergänzen" nachtragen.
Avif-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 ist ebenfalls möglich!