function to resize images not working as expected

[Anonymous]

Trying to tap into the resize image feature for our blog feed to serve up a better image size for performance: https://designers.hubspot.com/en/docs/hubl/hubl-supported-functions#resize-image-url

Currently using this approach: 

<img src="{{ resize_image_url(content.post_list_summary_featured_image, 740 ) }}" width="740" class="post-listing img">

the returned src images are full size though - anyone happen to have any ideas on how to remedy? 

[JBrake]

{{ resize_image_url(content.post_list_summary_featured_image, 0, 0, 740) }} should be correct.

For a long time I didn't think this function was working, but what I noticed one day is it can take a couple of minutes before the new sized image is available, in which case it will return the full sized image until then - so no broken images while that occurs.

[stefen · Accepted solution]

@Anonymous it looks like you're using it correctly. You could try adding all 3 arguments to see if that helps. e.g.:

<img src="{{ resize_image_url(content.post_list_summary_featured_image, 0, 0, 740 ) }}" width="740" class="post-listing img">

 I have noticed sometimes if the filename has a bunch of funky characters in it or if it's an animated GIF, it will not resize the image. Hope that helps!

[kestrada]

Hi @Anonymous,

Thanks for posting your question. 

I found some ideas related to this and a great explanation related to the resize option, here.

I hope these ideas help you achieve your resized image.

Regards,

Kira