Just to provide some additional info for any others experiencing some images not being displayed on iPhone devices or in Safari browsers while using Imagify’s “Use rewrite rules” option to display WebP images. This option will result in similar issues for any sites using Cloudflare or other types of caching such as LiteSpeed Cache, Varnish, or Nginx caching. In these cases, we recommend using Imagify’s “Use rewrite rules” option instead to display WebP images.
It is at times the case that neither option can work for some users. Below is a list of all the limitations of each option.
Reasons “Use <picture> tags” option will not work properly:
? Background images defined in CSS code
? Theme loads HTML elements after Imagify crawls source code to apply WebP markup
? No WebP version of image (check by appending “.webp” to its URL)
? Images hosted externally (not on your server)
Situations where “Use rewrite rules” option will not work properly:
? You’re using a CDN, Cloudflare, Varnish or some other caches
? Images hosted externally (not on your server) so they can’t be rewritten
? No WebP version of image (check by appending “.webp” to its URL)
? You are on NGINX server and didn’t apply custom rules to nginx.conf file manually
? mod_rewrite is not active on the server (Apache)
Best regards,
Joseph