AVIF spoils the look of the website
-
Good afternoon
The images on my site are supposed to display in 300×300 format and this is the case as long as they display as jpeg. However, if they already display as AVIF the 300×300 format is ignored why and how do I fix this?
RegardsThe page I need help with: [log in to see the link]
-
Hello @izomar,
I could reproduce the issue you have described on your website and it is quite weird. From what I could see, the AVIF versions of the files are not cropped to 300×300, but they keep the ratio of the original images.
In order to debug this further, we need some additional information:
- can you please add some screenshots with the ShortPixel settings? I’m interested in the General and Advanced tabs.
- can you please send us the list of active plugins and what is the active theme you’re using? You can either take a screenshot with the plugins or send us the debug information from Tools -> Site Health -> Info. If you don’t want to share the entire debug information, it’s ok for now to just receive the list of plugins and themes.
Thanks, I look forward to getting your reply!
I am using the Kadence child theme. Link to screenshots with settings and active plugins https://1drv.ms/u/s!AqmEPfmYqUK3xTcvgOy_c5ajpSTs?e=TvQGJv
Greetings
Thanks a lot for providing these details @izomar! Please allow us some time to investigate this and we’ll get back to you as soon as we have a relevant update.
Happy New Year!
Ok, thank you. I look forward to your reply. I also wish you a Happy New Year!
Dear @izomar,
We have identified the cause of this and applied a fix in the development version that you can download below:
https://shortpixel.com/downloads/shortpixel-image-optimiser-5.1.6-DEV01.zip
In order to check if the issue is corrected, you’ll need to do the following (if backups were enabled, everything was significantly easier):
- Install the version above by going to Plugins -> Add New -> Upload and upload the new version on top of the previous one
- For the images where you see a wrong crop in the AVIF format, remove the corresponding AVIF file that is wrongly cropped using a file manager or via SFTP
- Add this piece of code in your site’s functions.php, or by using the Code Snippets plugin (it will enable a file check on disk, so the plugin can “see” the missing AVIF files that you just deleted):
add_filter('shortpixel/image/filecheck', function () { return true; });
- Then the plugin should identify that the AVIF files you deleted earlier are missing and will allow you to re-generate them, with the correct sizes this time.
Thanks for reporting this and please tell me if everything works fine with this version.
Thank you, that’s a lot of images to verify and manually remove. Isn’t there some quicker way to catch and remove incorrect images?
Good morning
I have coped, found all the AVIF images of 300×300 and deleted them. I have one more question, what is the point of creating AVIF files if each AVIF file takes up more space than its jpg counterpart? After all, this way the optimisation is not correct and unnecessary credits are consumed.
Hi @izomar,
That shouldn’t happen with all images, only with some of them. Can you please send us those original images so we can verify the issue and further tweak the algorithms (if necessary)?
Thank you,
Dear @izomar,
This was actually a part of the issue: the AVIF files were wrongly cropped in your case, and at the same time, the file size check wasn’t working properly, resulting in bigger images.
With version 5.1.6 of our plugin (released yesterday), the AVIF files should be smaller than the JPG counterparts.Please let us know how it goes!
Good afternoon
I understand that in this case I should delete all AVIF files and generate them again? What about the credits in this case?
Greetings
Hello @izomar,
We will obviously add to your account the corresponding credits and please get in touch with us to sort this out.
Thank you!
Good afternoon
I have written to you at the address indicated.
Regards
- The topic ‘AVIF spoils the look of the website’ is closed to new replies.