frank
Goto Top

Webserver-Tuning: WebP-Bilder direkt im Browser anzeigen lassen

article-picture
Beim Umstieg auf WebP-Bilder stieß ich auf ein kleines unerwartetes Verhalten: Werden WebP-Bilder direkt verlinkt, starten sie in den meisten Browsern sofort einen Download, anstatt wie JPEGs direkt angezeigt zu werden. Das ist auffallend im Vergleich zu JPEGs, die normalerweise nahtlos in die Webseite integriert sind und einfach einen neuen Tab öffnen.

Wie kann man das Verhalten von Jpeg-Bildern auf WebP-Bilder anwenden?

Die Lösung dazu heißt: Content-Disposition: inline Header (Danke an @colinardo für den Tipp).

Man muss für WebP-Bilder den Header "Content-Disposition" auf "inline" ändern.

Für einen Lighttpd-Server sieht das dann so aus:

mimetype.assign += ( ".webp" => "image/webp" )  
$HTTP["url"] =~ "\.webp$" {  
    setenv.add-response-header = ( "Content-Disposition" => "inline" )  
}

Für den Nginx-Server:

server {
    # Vorhandene Serverkonfiguration ...
    location ~* \.webp$ {
        add_header Content-Disposition inline;
        add_header Content-Type image/webp;
    }
    # Rest deiner Serverkonfiguration...
}

Für den Apache Server:

<IfModule mod_headers.c>
    <FilesMatch "\.webp$">  
        Header set Content-Disposition "inline"  
        Header set Content-Type "image/webp"  
    </FilesMatch>
</IfModule>

# Hier stellen wir sicher, dass der WebP-MIME-Typ korrekt eingestellt ist:
AddType image/webp .webp

Nach der Änderung der Konfiguration muss der entsprechende Server neu gestartet werden.

Auf administrator.de haben wir dies gerade geändert. WebP-Bilder werden nun nicht mehr automatisch heruntergeladen (es sei denn, der Browser unterstützt WebP nicht), sondern direkt angezeigt.

Hier ein Testbild zum Ausprobieren:

testbild

Gruß
Frank

Content-ID: 668721

Url: https://administrator.de/tutorial/webserver-tuning-webp-bilder-direkt-im-browser-anzeigen-lassen-668721.html

Ausgedruckt am: 24.12.2024 um 05:12 Uhr

aqui
aqui 12.10.2024 aktualisiert um 10:24:44 Uhr
Goto Top
Wo du grade bei Bildern bist...
War das Favicon schon immer so ein hässliches graues "A" statt des Administrator.de Logos?
favicon
Früher war mehr Lametta hätte Loriot gesagt!! face-wink
Frank
Frank 21.10.2024 um 23:30:25 Uhr
Goto Top
Hi @aqui,

War das Favicon schon immer so ein hässliches graues "A" statt des Administrator.de Logos?

Nein, das muss der Browser selbst erstellt haben. Eigentlich habe ich ein Favicon mit unserem Logo. Warum das nicht angezeigt wird, weiß ich nicht. In welchem Browser wird es angezeigt?

Gruß
Frank
aqui
aqui 22.10.2024 um 12:36:30 Uhr
Goto Top
Safari! Aber mittlerweile ist das Favicon wieder da!! 😊