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:

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

Wo du grade bei Bildern bist...
War das Favicon schon immer so ein hässliches graues "A" statt des Administrator.de Logos?

Früher war mehr Lametta hätte Loriot gesagt!!

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