Cover images not being converted into elements

[ad_1]

Hi @jamesmorell,

Thank you for your message. I am sorry you have encountered a problem with our plugin.

The reports we receive very often do not concern a problem with the plugin operation, but problems with understanding how the plugin works. Below I have attached the tutorial describing how to test the plugin:
https://mattplugins.com/docs/how-to-test-converter-for-media-plugin

I checked your website and most of the images are available in the WebP format. Not all, but this is due to the fact that some images converted to the WebP format did not weigh less than the original ones and that is why the original images are used. This happens when images have been previously optimized.

Therefore, I recommend you to try the AVIF format on your website. I did an analysis to learn more about the potential benefits of using the AVIF format for you. Images converted to the AVIF format on your website will weigh 49% less than images converted to WebP only (instead of 8 MB in the WebP format, images will weigh approximately 4 MB), maintaining even better image quality. This will further improve the performance of your website.

If you have any other questions, please, feel free to reach out to me. We will try to help you.

Best,
Mateusz

Hi Mateusz,

Thanks for coming back to me. I can see that images contained within the body of a post work as expected – and I’d already tested as per your post (which is very helpful). It seems that perhaps the issue then is that the theme on the site isn’t allowing multiple sizes of images to be used as the cover image on posts therefore the <figure> element isn’t being used. Obviously I can use the pro version and save file weight, but I’d like to work out how to ensure the theme allows for multiple size options to be used as the cover image.

Thanks,

James

It seems that perhaps the issue then is that the theme on the site isn’t allowing multiple sizes of images to be used as the cover image on posts therefore the <figure> element isn’t being used.

It does not matter. Our plugin does not change URLs to images, so when looking at the source of the website, you will see the URLs for the default images all the time. Our plugin creates redirections to output files in WebP and AVIF format, but without changing the URL. It does not matter how the image is placed on the website, whether it is a figure tag, an img tag or background-image in CSS. Our plugin supports all images.

Obviously I can use the pro version and save file weight, but I’d like to work out how to ensure the theme allows for multiple size options to be used as the cover image.

You noticed the image: IMG_3843-1-scaled.jpg. This file is actually not available in the WebP format. I analyzed it to explain to you what it is about:

  • the original file in JPEG format weighs 356 kB
  • the file converted to the WebP format would be 434 kB, so it weighs more than the original one and that is why the original file is used (this is a limitation of the WebP format and it happens when the original images have already been optimized before)
  • however, if you converted this file to the AVIF format, it would weigh 213 kB, so it would weigh less than the original one and instead of the original file, a file in the new generation format would be loaded

Thanks Mateusz,

I think my issue is more with the background image on posts not being responsive, so I’m tackling that on the theme end of things, and I know that in some of the image sizes for the example image above there are webp versions, so I’ll get it resolved and know it’s working when I see webp in the network tab.

Thank you for your replies!

@jamesmorell I have the impression that you don’t understand what I wrote to you. Do I think right? Please tell me how you understand this?

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer