This support forum is no longer in use. Please use the Cloudinary Community at https://community.cloudinary.com/ to receive assistance from other members of the community and from Cloudinary's support team. For account-specific questions or if you believe that you've encountered a bug, please contact the Cloudinary team directly via the "submit a request" option on this support site.

Can't get auto-resizing to work, I must be missing something fundamental..

Follow
Avatar
Gregory Byrd

On http://ericportis.com/etc/white-house-ch/ the image url:  http://demo-res.cloudinary.com/image/upload/c_fill,ar_3:1,g_auto,f_auto,q_auto/w_auto:breakpoints_800_2400_20_10:800/on_the_phone_csmn8h.jpg  loads in different sizes as I resize my Chrome browser.

If I paste the same url directly in as the browser address it does not resize; I assume the request has to come from a web page with the proper header to generate the client hints.

So I put <img src="http://demo-res.cloudinary.com/image/upload/c_fill,ar_3:1,g_auto,f_auto,q_auto/w_auto:breakpoints_800_2400_20_10:800/on_the_phone_csmn8h.jpg" class="alignnone wp-image-1825" width="100%"> into a page on a Wordpress site using the plugin and then modifying the Cloudinary/Upload-Insert string to fetch same picture.  This never resizes either and I am generating the proper meta header.  The Wordpress site is:https://cbdpurus.com/image-test/  with password=pass.

So what obvious point am I not understanding?  Also can I do auto-resizing while using the free plan or is that the problem?

Thanks

0

Comments

1 comment

Sort by Date Votes
  • Avatar
    Nadav Ofir
    • Edited

    Hi Gregory,

    The reason automatic responsive mechanism doesn't work here is that the client-hints are not being sent along with the request for the image.

    To fix this, you must make sure to add the 'sizes' attribute to the HTML <img> tag (e.g.: sizes="50vw")

    Does this work for you?

    0
    Comment actions Permalink

Post is closed for comments.