gravityimage cropping parameter to
g_autoin the following on-the-fly image manipulation URL, generates the optimal cropping result, ensuring that the cat is always included.
fillcrop mode, which tries to keep as much of the original image while cropping. However, sometimes websites prefer to display a more zoomed-in thumbnail emphasizing the person or object in the original image. For example, take a look at the following uploaded images:
c_thumb,g_auto). These thumbnails effectively reflect the story behind each photo.
qualitymanipulation parameter to
q_auto) tells Cloudinary to analyze the image and find the optimal image encoding settings and compression quality level. The resulting image looks quite good and weighs only 39.6KB, which means a saving of 32% over a standard 90 quality encoded image.
auto, while still looking great.
Save-Data: onClient Hint request header, and Cloudinary automatically switches to a more aggressive automatic quality level and encoding settings selection.
q_auto,f_autowill be encoded as WebP for Chrome users, consuming only 16.2KB and still look great. Users of Internet-Explorer/Edge will get a JPEG-XR and users of other browsers will get a JPEG.
f_autois even more powerful together than either of them separately. The algorithm might detect that the PNG format (or the lossless WebP format) is a better fit for specific images that contain content such as drawings. For some images, even the PNG8 format can be automatically selected for providing great looking results with a very efficient file size.
f_auto. The result is shown below. The algorithm decided to encode the image using the PNG8 format. The image looks better, has no artifacts (the only artifacts are from the original high-quality JPEG image), and weighs even less - just 34.8KB.
dprmanipulation parameters to
dpr_auto,w_auto). The Client Hints request headers are automatically processed to retrieve the best fitting image dimensions.
w_auto:breakpoints) currently requires a custom domain name (CNAME) or a private CDN distribution, which are available for Cloudinary's Advanced plan and above. This feature might also involve certain additional costs.
Save-Datasupport) need to be set up. Contact us for more details. UPDATE - September 2016: features that involve Client-Hints processing are now available for all customers without the need for a specific setup.