Image attributes best practices

Hi @okresearcher,

Thank you for using Optimole, please create a new thread for new questions instead of posting on another thread that was resolved with a different question.

Regarding your latest questions:
1) Yes, it’s called scaled images functionality – https://vertis.d.pr/MInLBj If you have examples (URLs) where images are not scaled we can take a look.

2) We do not have such examples as there are different needs for websites so we recommend checking our docs https://docs.optimole.com/ to get familiar with main functionalities and use those that bring the best results for your website.

Thank you for the reference. I have enabled the Scale and Lazy Load options and checked the documentation. So usually optimole adds the data-opt-src attribute and adapted width and height attributes but it doesn’t on my site (anarchycuisine.com) because of the theme, or another plugin?

Hi @okresearcher,

I’ve checked your website and I see it added – https://vertis.d.pr/9qlt9o

If you’re referring to these 3 images at the top: https://vertis.d.pr/z8LG1Z
Make sure you don’t have 3 first images excluded from being lazy-loaded (default setting): https://vertis.d.pr/62o6bM

I hope it helps!

Thanks!
1. Would you tell me what fold images are (couldn’t find any defs)?
2. I see. Yet if you look at the data-opt-optimized image you referred to in mobile view, say with iPhone 12 pro, the intrinsic size is 800 instead of the rendered size 267. Plus the data-opt-optimized-width is 332. Why?

@okresearcher,

1. When a page loads not the full page but only part of the page is instantly visible on the screen (in most cases) and to see the bottom content you need to scroll down so everything that is visible instantly on the page load without scrolling down is called “above the fold” and the content that is visible on scroll only is “below the fold”.

2. Could you check with retina images disabled if the same persists? I see that you currently have retina images enabled: https://vertis.d.pr/EyVKw8

Thank you!
I understand. Is there any reason why you wouldn’t upload image sizes that are too big if you want to offload them?

Yes, there is a limit for the images when they are considered too big and Optimole ignores them (we do not serve them, and neither we offload them to the cloud).

The limit is quite big, so it depends on the width/height ratio.
The width x height / 1000000 has to be smaller than 50 as a result. If an image is bigger it’s expected that the image is ignored and not offloaded.