function to resize images not working as expected

Occasional Contributor | Platinum 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? 

Reply
0 Upvotes
2 Replies 2
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

Reply
0 Upvotes
Highlighted
Advisor

@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
Web Developer / Co-founder
Kelp Creative Agency
Twitter — @stefen
Reply
0 Upvotes