WebP
-
I know that Cloudflare offers serving webp on their paid plans and does so selectively, i.e. only serves webp files if they are actually smaller than the source files.
I am using your free plugin. Is there any setting that would allow me to serve WebP images to browsers even though I have the free cloudflare plan?
Right now my free cloudflare plan is not serving WebP images to mobile browsers
I already produce optimized WebP images using Robin plugin.
-
Hi @dounsa ,
to correctly serve webp image through Cloudflare, the best option is to use a plugin which replace the img tag with the picture tag. Example:<picture> <source type="image/webp" media="(min-width: 1921px)" srcset="src/images/very-large/bike.webp"> <source type="image/png" media="(min-width: 1921px)" srcset="src/images/very-large/bike.png"> <source type="image/webp" media="(min-width: 1281px) and (max-width: 1920px)" srcset="src/images/regular/bike-regular.webp"> <source type="image/png" media="(min-width: 1281px) and (max-width: 1920px)" srcset="src/images/regular/bike-regular.png"> <img src="src/images/bike-2003909.png" style="width: 100%;"> </picture>By this way you will serve the webp image with a unique URL and you will never have problem with Cloudflare.
To do that I use Shortpixel:
https://help.shortpixel.com/article/165-webp-and-cloudflare
If you want use Shortpixel with a plugin like Litespeed Cache, read this first:
That’s all ??
- The topic ‘WebP’ is closed to new replies.
