WPIntell

Source evidence

WebP images not showing (in Dev Console)

Opti MozJpeg Guetzli WebP · support · 2019-02-23T18:43:00+00:00

complaintsentiment
mediumseverity
0.92relevance
4replies
Evidence linked to opportunitycommercial context

Proof Health

Open evidence

Commercial opportunities need traceable source links before they are treated as build-worthy.

5 / 34 rows with source links

14.7% of this page's analysis has direct source links.

0 build-decision rows missing links

0 rows here require auditable proof before promotion.

29 rows with no attached evidence

0 rows have source counts but still need direct links.

Conversation

support
mmwbadmin unresolved
Hi, managed to convert several images to .webp and added rewrite-rules to .htaccess. But no way images show up on frontend. See them in Media Library though. Image – /uploads/2018/01/espresso-13823698-768×461.jpg – shows as ContentType: image/jpeg, where /uploads/2018/01/espresso-13823698-768×461.jpg.webp is also available (but not served; in Chrome) What am I missing?? I use Wp 5.1 / PHP7.2 The page I need help with: [ log in to see the link] I encountered only these situations when webp duplicates were not severed: – site was using CloudFlare (images stuck in cache) – site was using both Apache and nginx. Apache for php and nginx for static files (images). In this case you will need to add url rewrite code to enginx config instead of .htaccess Hi, started all over again. Site uses Apache, no Cloudflare. Batch processing: OK Images are visible on server, but not in Media Library. Like laptop-3190194_1280-1-11661733-768×512.jpg (25,99 KB) and laptop-3190194_1280-1-11661733-768×512.jpg.webp (17,46 KB) Media Library only shows laptop-3190194_1280-1-11661733.jpg In Chrome Developer Tools this images is also shown. In my situation it’s always served from disk cache or memory cache??? On TLD/dev/ no caching is activated. On TLD it is (W3TC). In .htaccess in TLD/dev/ <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_ACCEPT} image/webp RewriteCond %{REQUEST_URI} .*(jpe?g|png|gif)$ RewriteCond %{REQUEST_FILENAME}\.webp -f RewriteRule (.*) %{REQUEST_FILENAME}\.webp [T=image/webp,E=accept:1] </IfModule> <IfModule mod_headers.c> Header append Vary Accept env=REDIRECT_accept </IfModule> AddType image/webp .webp Image visible in Chrome on: https://dev.mmwb.nl/wp-content/uploads/2019/02/laptop-3190194_1280-1-11661733-768×512.jpg.webp Hope you can help Kind regards. Hi, only works (now) with plugin Cache Enabler in Chrome Incognito after page refresh. Request URL: https://xxxxxxxx/wp-content/uploads/2019/02/ laptop-3190194_1280-1-11661733-768×512.jpg.webp Request Method: GET Status Code: 200 OK Remote Address: xxxxxx:443 Referrer Policy: no-referrer-when-downgrade Accept-Ranges: none Access-Control-Allow-Origin: * Cache-Control: max-age=31536000, public Connection: Keep-Alive Content-Encoding: gzip Content-Length: 17903 Content-Type: image/webp Not in Chrome with cleared browser cache. Even after page refresh no show. Request URL: https://mmwb.nl/dev/wp-content/uploads/2019/02/ laptop-3190194_1280-1-11661733-768×512.jpg Content-Length: 26612 Content-Type: image/jpeg Hi. The client should not see the webp url. But the content should be webp https://ihorsl.com/wp-content/uploads/2017/11/wpmjgu_brief_man_7-16804807.jpg Images are severed without redirect.

Comments

4 shown
ihorsl 2019-02-24T09:53:00+00:00

I encountered only these situations when webp duplicates were not severed: – site was using CloudFlare (images stuck in cache) – site was using both Apache and nginx. Apache for php and nginx for static files (images). In this case you will need to add url rewrite code to enginx config instead of .htaccess

mmwbadmin 2019-02-24T14:58:00+00:00

Hi, started all over again. Site uses Apache, no Cloudflare. Batch processing: OK Images are visible on server, but not in Media Library. Like laptop-3190194_1280-1-11661733-768×512.jpg (25,99 KB) and laptop-3190194_1280-1-11661733-768×512.jpg.webp (17,46 KB) Media Library only shows laptop-3190194_1280-1-11661733.jpg In Chrome Developer Tools this images is also shown. In my situation it’s always served from disk cache or memory cache??? On TLD/dev/ no caching is activated. On TLD it is (W3TC). In .htaccess in TLD/dev/ <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_ACCEPT} image/webp RewriteCond %{REQUEST_URI} .*(jpe?g|png|gif)$ RewriteCond %{REQUEST_FILENAME}\.webp -f RewriteRule (.*) %{REQUEST_FILENAME}\.webp [T=image/webp,E=accept:1] </IfModule> <IfModule mod_headers.c> Header append Vary Accept env=REDIRECT_accept </IfModule> AddType image/webp .webp Image visible in Chrome on: https://dev.mmwb.nl/wp-content/uploads/2019/02/laptop-3190194_1280-1-11661733-768×512.jpg.webp Hope you can help Kind regards.

mmwbadmin 2019-02-24T15:23:00+00:00

Hi, only works (now) with plugin Cache Enabler in Chrome Incognito after page refresh. Request URL: https://xxxxxxxx/wp-content/uploads/2019/02/ laptop-3190194_1280-1-11661733-768×512.jpg.webp Request Method: GET Status Code: 200 OK Remote Address: xxxxxx:443 Referrer Policy: no-referrer-when-downgrade Accept-Ranges: none Access-Control-Allow-Origin: * Cache-Control: max-age=31536000, public Connection: Keep-Alive Content-Encoding: gzip Content-Length: 17903 Content-Type: image/webp Not in Chrome with cleared browser cache. Even after page refresh no show. Request URL: https://mmwb.nl/dev/wp-content/uploads/2019/02/ laptop-3190194_1280-1-11661733-768×512.jpg Content-Length: 26612 Content-Type: image/jpeg

ihorsl 2019-02-25T11:00:00+00:00

Hi. The client should not see the webp url. But the content should be webp https://ihorsl.com/wp-content/uploads/2017/11/wpmjgu_brief_man_7-16804807.jpg Images are severed without redirect.