Image CDN not resizing

  • Resolved Sujal Jain

    (@sujaljain007)


    2 years, 3 months ago

    As it says:
    1. Deliver images from Jetpack’s Content Delivery Network. (working nice and good!)

    3. converts them to modern efficient formats like WebP, and serves them from a worldwide network of servers (working nice and good! too). Though, I would like to ask if it supports avif too? or if it’s in future plans any near?

    2. Automatically resizes your images to an appropriate size;
    The problem’s with this case. But, if I wasn’t mistaken, after activating the plugin for the first time, it did resize the images perfectly for some minutes but since then,
    it’s not resizing the image. Say, if an image is 1099×2070 and image guide’s telling that it is around 22x large, then it was serving the resized image 22x optimized only at first as I explained above and what it should be doing, if I understand correctly what it’s bound to do?

    In short, how do I make the plugin to work with the CDN to resize the images accordingly to the screen dimensions? It’s only converting the image to WEBP for now.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Nauris

    (@pyronaur)

    2 years, 3 months ago

    Hey!
    The CDN Module does resize the images, but there are limitations to what it can do. It looks for the defined $content_width of your theme and tries to generate reasonable sizes based on that using WordPress hooks like wp_calculate_image_srcset. However – I’m not seeing any srcset attributes on the images in the gallery link that you’ve sent, which makes me think that the plugin you’re using for the gallery there isn’t leveraging srcsets – and if that’s the case, Jetpack Boost isn’t going to be able to modify those for you.

    What plugin are you using to display that gallery? Does it have any image size controls available there that you could use to make sure that the images are smaller?

    Thread Starter Sujal Jain

    (@sujaljain007)

    2 years, 3 months ago

    Thanks for visiting.
    I am using Kadence Blocks for the gallery. After your reply, I also noticed the same about srcset attribute but does any of this about srcset come from image sizes wordpress creates by default? like thumbnail (150×150) etc.

    I’m asking this because I’m also using thumbpress to disable all other image sizes other than the original image. And, I think therefore I embed images at the original size. But, do I need to use any other size than the original size of the image for the plugin to work?
    or is this a flaw from the kadence blocks plugin in their advanced gallery block?

    I just have these 2 plugins (thumbpress, kadence blocks – advanced gallery block) for images and (lazy load, add missing width and height attributes to avoid CLS in google pagespeed) enabled in flyingpress.

    Also, using kadence theme only. What could be the conclusion now. I hope I answered any queries until now.

    Plugin Support Alin (a11n)

    (@alinclamba)

    2 years, 3 months ago

    Hi @sujaljain007,

    So, for Jetpack’s Image CDN to resize images efficiently, it requires the srcset attribute to be present, as it relies on this attribute to serve different sized images based on the display context. From your description, it seems like the gallery plugin you’re using, Kadence Blocks, may not be utilizing srcset. This would explain why you aren’t seeing images being resized after the first time.

    WordPress indeed creates various image sizes by default, such as thumbnails, and these sizes are typically used in the srcset attribute. However, if you’re using ThumbPress to disable these additional sizes and only use the original image size, that could be another reason why the srcset attribute is missing.

    You’ll need to ensure that:

    1. Your theme or image-related plugins support srcset.
    2. You are not disabling alternative image sizes that would normally be used in the srcset.

    Since you’re using Kadence Blocks and Kadence theme, you may want to check if the advanced gallery block from Kadence Blocks adds the srcset attribute. If it does not, reaching out to their support might help clarify whether the gallery block is designed to work with srcset or if there is an update or an alternative method to achieve this.

    For further assistance, I’d recommend to:

    • Check with Kadence Blocks to see if their gallery block supports srcset.
    • Consider not disabling additional image sizes as these are needed for the srcset to function correctly.

    I hope this helps, but if you have other questions, please let us know.

    Thank you!

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

The topic ‘Image CDN not resizing’ is closed to new replies.