PNG laden wenn ein Browser webp nicht unterstützt

Man kann in der .htaccess Datei mit mod_rewrite überprüfen, ob der vom Browser gesendete Header HTTP_ACCEPT den Mime-Typ image/webp enthält. Wenn nicht (dafür steht das "!"), wird server-intern auf den gleichnamigen Dateinamen mit der Endung webp umgeleitet. In einer .htaccess Datei, die sich im selben Ordner wie die Bilddateien befindet, könnte der Rewrite so ausschauen:

RewriteEngine on

RewriteCond %{HTTP_ACCEPT} !image/webp
RewriteRule ^(.+)\.webp$ $1.png

Dies ist von mir noch ungetestet. Ich bin mir grad nicht sicher, ob der Server in diesem Fall auch den Mime-Typ image/png deklariert, so dass der Browser die Datei, die ja immer noch die Endung .webp hat, korrekt als PNG-Datei öffnet. Das müsstest du ausprobieren.

So viele gibt es da auch nicht mehr, die Browser-Unterstützung ist inzwischen weit gediehen:

https://caniuse.com/webp

Ich habe in Virtualbox noch ein altes Test-Image mit dem IE 11. Im Blog zeigt der IE die Bilder leider nicht an, scheint so nicht zu funktionieren.

Das liegt vermutlich daran, dass die Namen der PNG-Dateien sich nicht nur in der Endung unterscheiden. Diese Datei gibt es z.B. nicht:

https://www.schilderhimmel.de/blog/bilder/tuere-offen-lassen-katzen-schild-schilder-selbst-gestalten-570876.png

... sollte es aber, damit der Rewrite funktioniert