Control over cropping for art direction

Comments

1 comment

  • Avatar
    Raya Straus

    Hi Eduardo,

    We have a responsive react solution which may fir your use case. 

    To use our responsive solution you'll need to use our React SDK. Meaning, in your project installing cloudinary-react library (npm install cloudinary-react).

    Then include the Image tag from the library (import { Image, Video, Transformation } from 'cloudinary-react';)

    Then you can use the following example to generate the responsive images.

    <div style= {{width: '100%'}} >
                   <Image
                    cloudName="<cloudName>"
                    publicId="<publicId>"
                    crop="scale"
                    width="auto"
                    responsive
                  />
      </div>

    For more information please see the following- https://cloudinary.com/documentation/responsive_images

    0
    Comment actions Permalink

Please sign in to leave a comment.