Automate responsive breakpoints generation
You can use Cloudinary's API to upload your images to the cloud and automatically generate breakpoints programmatically:
Cloudinary::Uploader.upload("sample.jpg",
responsive_breakpoints: { create_derived: true, bytes_step: 20000, min_width: 200, max_width: 1000, transformation: { crop: :fill, aspect_ratio: "16:9", gravity: :auto } } )
cloudinary.uploader.v2.upload("sample.jpg",
{ responsive_breakpoints: { create_derived: true, bytes_step: 20000, min_width: 200, max_width: 1000, transformation: { crop: 'fill', aspect_ratio: '16:9', gravity: 'auto' } } }, function(error, result) { console.log(result); });
\Cloudinary\Uploader::upload("sample.jpg",
array("responsive_breakpoints" => array( "create_derived" => true, "bytes_step" => 20000, "min_width" => 200, "max_width" => 1000, "transformation" => array( "crop" => "fill", "aspect_ratio" => "16:9", "gravity" => "auto" ))))
cloudinary.uploader.upload("sample.jpg",
responsive_breakpoints = { "create_derived": true, "bytes_step": 20000, "min_width": 200, "max_width": 1000, "transformation": { "crop": "fill", "aspect_ratio": "16:9", "gravity": "auto" } } )
This open source tool enables you to interactively generate responsive image breakpoints. However, for applications that involve user generated content of images dynamically uploaded to your site, you may want to streamline the breakpoints generation process. Learn more...