I have some issues with loading webp images in Safari 15.2 thru Cloudflare.
imgproxy: fast and secure on-the-fly image processing. as a image server.
When i create a test document with 2 images, one is loading directly from my origin and one via a proxied Cloudflare URL the one that is going directly to the origin is serving a webp images as it should. The one that is proxied thru Cloudflare is serving a jpeg. In Safari. In Chrome,
If i change the user agent in Safari to Firefox or Chrome it seems to load the Webp image just fine. So it seems to be dependent on the user agent for some reason?
I have setup the vary headers and so on as in this
Vary for Images: Serve the Correct Images to the Correct Browsers (cloudflare.com) post.
I don’t want to share my origin server but if you want some test URLs let me know and i can DM.
May I ask if you are using a Free or a Paid Cloudflare plan for your domain name?
Safari seems to have partial support for webP format:
You need to disable webp conversion done on your web server origin side and only let cloudflare do the webp conversion on the fly because cloudflare cache ignores the Vary HTTP header sent from your origin webp served files. So if a visitor requests a webp file from supported browser the webp file is cached with the non-webp extension. Subsequent visitors on safari then request the same non-webp extension cached file in unsupported webp browser will get that cached file but it’s mime type conver…
I am on Free Plan.
And I noticed images are not loading on safari.
Even when image extension is .jpg the content-type is image/webp which is not rendering on safari.
How can i disable auto image optimisation to webp for all images.
This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.