CMS Development

Anonymous
No aplicable

function to resize images not working as expected

resolver

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 Me gusta
1 Soluciones aceptada
stefen
Solución
Asesor destacado | Partner
Asesor destacado | Partner

function to resize images not working as expected

resolver

@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

Ver la solución en mensaje original publicado

3 Respuestas 3
JBrake
Colaborador | Partner nivel Elite
Colaborador | Partner nivel Elite

function to resize images not working as expected

resolver
{{ 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
Solución
Asesor destacado | Partner
Asesor destacado | Partner

function to resize images not working as expected

resolver

@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
Moderador de HubSpot
Moderador de HubSpot

function to resize images not working as expected

resolver

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 Me gusta