[Resolved] `srcset` set correctly and retina image existing but not served

[Davide]

Hello GP team 😃

As from the attached image srcset the srcset attribute is correct (with Perfect Images plugin) and the retina version of the small thumbnail exists .../aeg-718-100x100@2x.jpg, but the actually served image in the sidebar Recent Articles widget is the non-retina small thumbnail .../aeg-718-100x100.jpg, resulting in a blurry image.

Any clue?

Cheers!

[David]

Hi there,

i only see that issue in Chrome.
Tested on Safari and Firefox and they both server the x2 image.

Can’t say why Chrome behaves differently but it may be getting confused as the Recent Post images have width/height attributes of 56px and CSS is being used to force them to a larger size. Which can mess up src-set.

[Davide]

Thanks David, the problem was indeed about the Recent Post images sizes.

[David]

Glad to be of help

[Davide]

Hello David,

sorry, little follow-up question.

Something similar seems to happen with the blog preview images:

blog preview images

HTML width is 768px; CSS is used to resize to 320px; 320@2x image exists but 718@2x is actually served (not only in Chrome but also in Safari).

This probably does not have that huge of a performance impact, but I was wondering why this happens.

Best,

Davide

— EDIT

Never mind, I found the option to resize blog images in the blog section 🙂

[David]

Glad to hear you found the answer 🙂

[Author]

Posts