function to resize images not working as expected

SOLVE
bschneidewind
Top Contributor | Diamond Partner

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? 

0 Upvotes
1 Accepted solution

Accepted Solutions
stefen
Solution
Key Advisor | Partner

@bschneidewind 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!

Stefen Phelps, Community Champion, Kelp Web Developer

View solution in original post

2 Replies 2
kestrada
HubSpot Moderator

Hi @bschneidewind,

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

0 Upvotes
stefen
Solution
Key Advisor | Partner

@bschneidewind 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!

Stefen Phelps, Community Champion, Kelp Web Developer

View solution in original post