Popular searches thewebpcreditscdnapi
View Categories

I use Safari and SPIO, and I can’t see WebP images. How can I solve it?

JPG/PNG served instead of WebP #

ShortPixel Image Optimizer (SPIO) includes an option to deliver WebP images to all compatible browsers. You can find this setting in your WordPress dashboard under Settings > ShortPixel > WebP/AVIF & CDN.

Safari supports WebP only from version 14 (or iOS 14) onward. If Safari 13 or lower is detected, SPIO will serve the original image instead of the WebP version. However, we’ve received reports that having Safari 14+ isn’t always enough to ensure WebP support. If you’re experiencing issues, check the following:

  • Your Safari version is 14 or higher.
  • The “Serve WebP/AVIF images from locally hosted files (without using a CDN)” option is enabled.
  • WebP versions of your images have been created by enabling the “Create WebP Images” option and optimizing the images.

If that’s not enough and you still see the original image (JPG/PNG/GIF) instead of the WebP version, we recommend enabling the “Deliver the next generation images using the ShortPixel CDN” option, which should resolve the issue.

    Image doesn’t show up at all #

    If your images disappear when the “Serve WebP/AVIF images from locally hosted files (without using a CDN)” option is enabled, there could be a few reasons why this feature isn’t working:

    • Your browser has cached old versions of your images. Clear your browser cache using this tool: https://clear-my-cache.com/

    • You’re using a CDN that isn’t compatible with the “Without altering the page code (via .htaccess)” delivery method (more information). If this method was previously enabled in ShortPixel’s settings, your CDN may have cached the .webp versions of images. As a result, these WebP images are now being served to all browsers, including Safari 13 or lower, which doesn’t support WebP. The solution for this is easy:

      1. Go to Settings > ShortPixel > WebP/AVIF & CDN and select “Using the <PICTURE> tag syntax“:
      2. Clear your CDN cache from your CDN control panel. Do not use a plugin to clear the CDN cache, as plugins may not properly remove images from the CDN cache.

    Related Docs