Clarification on how images are dynamically optimized and delivered

Comments

1 comment

  • Avatar
    Wissam Khalili

    Hi Maddy,

    Thank you for reaching out.

    Our JavaScript library accomplishes what you want. Ultimately, it uses class names to automatically check the available width of all images with that class name, then updates the HTML image tags accordingly. In short, you will need to follow these 3 steps:

    1. Include the Cloudinary JS library in the HTML pages
    2. Prepare image tag(class, data-src,w_auto/dpr_auto in URL)
    3. Call the Cloudinary responsive method

    For more information on this, you can refer here: https://cloudinary.com/documentation/responsive_images#automating_responsive_images_with_javascript

    Hope this helps, please let me know if you have any further questions.

    Thanks,

    Wissam

     

    0
    Comment actions Permalink

Please sign in to leave a comment.