This issue is well reported on here but I cant seem to find a solution to overcome this issue, so this is not a question on why its happening as the other posts explain it, but rather what is the solution as other posts don’t suggest the best solution.
In summary, if you serve Webp from your own server (e.g. using Wordpress Imagify and .htaccess to serve Webp) AND use Cloudflare, then your images will break in non-Webp supported browsers due to Cloudflare caching the image as the Webp version but serving them to Safari users even though they are not supported.
My current solution is not use Cloudflare, then all works OK. If we want to use Cloudflare we cant have Webp at all, and so lose points in Google, so we decide serving Webp is more important that using Cloudflare.
Ideally we would want to use both, and use the Cloudflare Free plan, because the $20 plan is not a solution for most of our web hosting customers.
So on the Free plan, what is the solution to overcome this? So we can use Cloudflare AND serve Webp from our own website? Is it just not posisble, so we can’t use Cloudflare?