Yes, Cloudinary supports generating progressive JPG files.
You can do that by setting the flags transformation parameter to progressive or fl_progressive for URLs.
Here's a sample standard JPG:
http://res.cloudinary.com/demo/image/upload/w_0.3/exif_sample.jpg
The sample image as a progressive JPG:
http://res.cloudinary.com/demo/image/upload/w_0.3,fl_progressive/exif_sample.jpg
The Progressive flag also accepts a mode value to determine a specific progressive outcome as follows:
- progressive:semi - a smart optimization of the decoding time, compression level and progressive rendering (less iterations). This is the default mode when using q_auto.
- progressive:steep - delivers a preview very quickly, and in a single later phase improves the image to the required resolution.
- progressive:none - use this to deliver a non-progressive image. This is the default mode when setting a specific value for quality.
For example in NodeJS:
cloudinary.image("exif_sample.jpg", {overlay: "cloudinary_icon", width: "0.2", flags: "progressive:semi"})
UPDATE: fl_progressive is now supported for PNGs and single-frame GIFs as well.
Comments
6 comments
why isn't it progressive by default??
it HARDLY takes any additional space.
can't see why would anybody want a non-progressive jpeg.
Also, to demo the progressive mode, a very "heavy" file should be demoed.
There is a more detailed article here
http://cloudinary.com/blog/progressive_jpegs_and_green_martians
Is the option also available with the official React components?
Hi Christoph,
Since this flag is part of our core package, then yes. its possible to use it with react as well.
How can I get this with strict transformations enabled?
Hi Pankaj,
You can use a signed URL that allows any dynamic transformation, even when Strict transformation mode is enabled for your account.
For more information:
http://cloudinary.com/blog/on_the_fly_image_manipulations_secured_with_signed_urls
Please sign in to leave a comment.