CMS Development

Anonymous
Nicht anwendbar

function to resize images not working as expected

lösung

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 Akzeptierte Lösung
stefen
Lösung
Autorität | Partner
Autorität | Partner

function to resize images not working as expected

lösung

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

Stefen Phelps, Community Champion, Kelp Web Developer

Lösung in ursprünglichem Beitrag anzeigen

3 Antworten
JBrake
Mitwirkender/Mitwirkende | Elite Partner
Mitwirkender/Mitwirkende | Elite Partner

function to resize images not working as expected

lösung
{{ 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
Lösung
Autorität | Partner
Autorität | Partner

function to resize images not working as expected

lösung

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

Stefen Phelps, Community Champion, Kelp Web Developer
kestrada
HubSpot-Moderator/-in
HubSpot-Moderator/-in

function to resize images not working as expected

lösung

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

0 Upvotes