Webserver-Tuning: WebP-Bilder direkt im Browser anzeigen lassen
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:
Für den Nginx-Server:
Für den Apache Server:
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.
Gruß
Frank
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:
Gruß
Frank
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
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
3 Kommentare
Neuester Kommentar