Loading full size images, how to use medium or thumbnail?

  • Resolved jamminjames

    (@jamminjames)


    9 months, 1 week ago

    The plugin is loading full size images, how can we make it use medium or thumbnail images?

    For the ‘Template’ settings, I’m using:

    %thumb%
    %title%
    %excerpt%

    And for ‘Thumbnail settings’ I’m using the “Medium” size, which on our site is 350 pixels wide. The images are that size, but they actual “intrinsic” size, according to the browser developer tools, is the full size image.

    • This topic was modified 9 months, 1 week ago by jamminjames.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Daniel Floeter

    (@kometschuh)

    9 months, 1 week ago

    We don’t change the renderd <img> HTML from WordPress. There are no changes coming from our widget. It should be a srcset attribute within the <img> tag with different image sizes? If you want you can write us your website’s URL?

    Thread Starter jamminjames

    (@jamminjames)

    9 months, 1 week ago

    The url is: https://www.ecosacramento.net/ – the Category Posts Widget is used for the four excerpts under “ECOS Updates.”

    When we set “Medium” size for “Thumbnail settings” in Category Posts Widget, that means the “medium” size we have set for WordPress should be used, correct? If so, since the “medium” size in our WordPress settings is 350 pixels wide, the “intrinsic” size of the images (as shown in the developer tools elements tab) displayed by the plugin should be 350 pixels wide, but instead, it is the full image size. The “rendered” size is correct, but that just means the full size image is being shown at a smaller size.

    This is not good, since the browser is downloading all the full size images, slowing down the page load.

    Plugin Author Daniel Floeter

    (@kometschuh)

    9 months, 1 week ago

    Thank you.

    This is a known issue. The image attributes “srcset” and “size” depend on the browser’s viewport, not the image size. However, we usually specify a significantly smaller image size than the total browser’s viewport.

    We have released a new patch version that should resolve the issue.

    Thread Starter jamminjames

    (@jamminjames)

    9 months, 1 week ago

    I updated the plugin, deleted website and browser caches, and still the issue persists.

    Plugin Author Daniel Floeter

    (@kometschuh)

    9 months, 1 week ago

    You can try set in the Post details tab > Thumbnail settings > Height to ‘0’ and leave Width to ‘300’.

    Hint: Only the Thumbnail size can be cropped to exact dimensions (Admin > Settings > Media > Checkbox: Crop thumbnail to exact dimensions). The other image sizes say ‘Max’ Width and ‘Max’ Height and aren’t squares. The image ratio remains. Only the longest side has, e.g. ‘300’.

    If you set ‘300’x’300′ there is no image that is cropped to this exact size. The widget searches for the next bigger image size that has both sizes minimal ‘300’.

    If you set Height to ‘0’ the widget searches only for an image size that has Width minimal ‘300’.

    Thread Starter jamminjames

    (@jamminjames)

    9 months, 1 week ago

    Thanks for that, it worked.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Loading full size images, how to use medium or thumbnail?’ is closed to new replies.