Zoomed image size exceed intrinsic image size

[bdauton]

Hi,

I'd like to know if it's possible that the zoomed image size do not exceed the real image size so the zoomed image is not blurry when the the viewport is huge.

I use the data-zoom-src attribute to provide the HD image url and also widthand height attributes set to the low definition image sizes to prevent document layout shifts.

Thanks,
Ben

[francoischalifour]

Can you please reproduce the wrong behavior you're experiencing in this sandbox? Thanks!

[bdauton]

Ok, It's me, I used the wrong images… Can you just confirm I handle well the thumbnails/zoomed/2x things? I try to reduce the overall page weight…

<img src="low-def-thumbnail.jpg" srcset="[email protected] 2x" data-zoom-src="[email protected]" width="{low-def-thumbnail-width}" height="{low-def-thumbnail-height}" loading="lazy"> ?

Thanks!

[bdauton]

Ok, I updated the sandbox with to examples: one with loading="lazy" and one without.

It seems to work as expected in both cases only with Chrome. With Firefox, the zoomed image doesn't respect the intrinsic image size. Using Safari, without loading="lazy", it works well but as soon as the attribute is added, the zoomed image is still the thumbnail.

Am I missing something?