AVIF images not displaying

I’ve worked around this by adding the following code to my functions.php theme file…

//block AVIF images in ShortPixel
function law_shortpixel_image_exists($exists, $path) {
  if($exists && $path!=='' && strpos($path,'.avif')!==false) {
    $exists = false;
	}
	return $exists;
}
add_filter( 'shortpixel_image_exists', 'law_shortpixel_image_exists', 10, 2 );

Hi Rik,

We’ve recently heard about some AVIF issues on Chrome 93. Just to confirm, are you able to reproduce the issue on Chrome 91 or 92?

Best,

Well I’m actually using Brave 1.29.79, but that’s built with Chromium 93. My client also noticed this on Chrome on the Mac, not sure which version they’re running though.

Thanks for the information, Rik.

Could you please try to install Chrome version 91 or 92 and try to reproduce the issue? That will help us understanding where the issues is.

Thank you,

Hello,

I got also problem with generated avif images by Shortpixel, they act as broken images in Chrome Version 96.0.4664.45 (Official Build) (64-bit).

You can find original picture here => https://2a2.sk/img/1.png and one that is generated by Shortpixel is here => https://2a2.sk/img/1.avif

As you can see, it is issue only in Chrome, I can view avif in Firefox and edge too.

Hi @vbotto,

We have discovered that indeed, version 96 of Chrome brings again some issues with AVIF files generated from PNGs. There are other bugs that came with this version (see here), therefore we expect they will come soon with a fix for it.

In the meantime, please feel free to disable the option “Deliver the next generation versions of the images in the front-end” on ShortPixel’s settings.

Best,