Site logo

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

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

Home Forums Support `srcset` set correctly and retina image existing but not served

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1847440
    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!

    #1847498
    David
    Staff
    Customer Support

    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.

    #1847597
    Davide

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

    #1847601
    David
    Staff
    Customer Support

    Glad to be of help

    #1847871
    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 🙂

    #1847894
    David
    Staff
    Customer Support

    Glad to hear you found the answer 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.