WebP not delivered to Chrome
-
I use WP Rocket and Optimus HQ together.
I added the Snippet (https://github.com/vincentorback/WebP-images-with-htaccess/blob/master/.htaccess) in my .htaccess (once I tried it before the part of WP Rocket, once after that). WebP-Images are produced (as I can see in my upload-folder) and Chrome says in ist devoloper Tools in “Network” under Request Headers: … Accept: image/webP, …, but under Response Headers the Content type is jpg.
This all appears, when I open the site (https://www.bodensee-gymnasium.de/WP/fahrten/waldburg/waldburg2016/eine-reise-ins-mittelalter/) with 2 images (“Bild2” should be webP, the other is older and not webP).
Interessting: If I open the URL of the image itself (https://www.bodensee-gymnasium.de/WP/wp-content/uploads/2016/09/Bild2.jpg), the type of the image is “document”!!
Can you help me?
Christian G.
-
“still cached”: not possible because I used Chrome private (incognito) mode
“Mistake in htaccess”: Here is my htaccess part for WebP:
<IfModule mod_rewrite.c>
RewriteEngine On# Check if browser supports WebP images
RewriteCond %{HTTP_ACCEPT} image/webp# Check if WebP replacement image exists
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f# Serve WebP image instead
RewriteRule (.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]
</IfModule><IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>AddType image/webp .webp
Second Version for htaccess with
RewriteRule ^(wp-content/uploads.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]after # Serve WebP image instead…
Both didn’t work??
And: Cache Enabler is no Option because I already use WP Rocket (and both together doesn’t seem a good idea); Optimus HQ should work without Cache enabler …
Your image path is a bit different from the default setup.
Can you try modifying this snippet:
RewriteRule ^(wp-content/uploads.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]to use this instead:
RewriteRule ^(WP/wp-content/uploads.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]Just to confirm, you are using the following snippet in your .htaccess?
<IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_ACCEPT} image/webp RewriteCond %{DOCUMENT_ROOT}/$1.webp -f RewriteRule ^(WP/wp-content/uploads.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1] </IfModule> <IfModule mod_headers.c> Header append Vary Accept env=REDIRECT_accept </IfModule> AddType image/webp .webpI have replicated your setup by storing media in the WP/wp-content/uploads folder on a test site and once the change to the .htaccess snippet was made, the Content-Type was changed to image/webp. Also ensure that the snippet is added to the top of your .htaccess file.
Have you tried disabling other plugins to verify there isn’t a third-party issue at hand?
- The topic ‘WebP not delivered to Chrome’ is closed to new replies.
