To optimize media on Cloudinary, you simply add a parameter, in this case f_auto, to the URL, as in this example:į_auto tells Cloudinary’s intelligent algorithm to automatically fetch formats after selecting the right format for each requesting browser.

See this example of an asset’s delivery URL on Cloudinary: When serving an asset, Cloudinary delivers the URL via a fast content delivery network (CDN). However, this format works only in Safari without a plugin.įor insights on what is in store for next-generation formats, check out Cloudinary’s 2020 State of the Visual Media ReportĬloudinary’s f_auto capability delivers the most appropriate image format to the viewer’s browser, completely automatically.įirst, Cloudinary transforms media assets through dynamic HTTP or HTTPS URLs, assigning each media asset a unique URL and a public ID. This is a highly scalable ISO standard that enables individual parts of an image to be stored at different qualities. JPEG2000 (JP2), an open-source format for lossless compression.Best used for logos, iconography, animations, and graphs. Based on XML, SVG images can be easily edited with CSS or JavaScript, or in image editors. SVG, an open-source format developed by W3C and a vector format that enables you to create images that smoothly scale in all modern browsers.JPEG-XR extends the current lossy-compression techniques for JPEG with support for lossless compression and transparency. JPEG-XR, a proprietary format, developed by Microsoft, that works on Internet Explorer and Edge browsers.This format could be an ideal replacement of GIF, JPEG, and PNG. WebP files are typically about 25 percent smaller than those of comparable formats. Developed by Google, WebP works on Google, Samsung, Opera, and Firefox 65 and higher browsers. WebP, an open-source format that supports both lossy and lossless compressions.Next-generation image formats, e.g., the four described below, deliver more compression than older formats, such as JPEG, further reducing the size of your images without quality loss. Task 2: Adopt Next-Generation Image-File Formats

Image compression software for websites