quality/smart/ and -/quality/smart_retina/ will get maximum image compression without any noticeable visual artifacts. You can also trust our CDN to select the image quality for user devices and browsers. These features are handled by our own highly efficient compression algorithms.Īdding -/format/auto/ to this URL will ensure that the image format is selected automatically for each user, based on client's device, browser, and the presence of the alpha channel. When you store your images on Uploadcare’s CDN, you get access to automatic smart conversion and compression that are available via URL operations. Set automatic image format and quality on delivery You can also add various filters and effects and select various delivery options that make images responsive, optimized, and lazy-loaded. There are three steps:Ĭonnect the Adaptive Delivery JS script (remember to use your own public API key instead of YOUR_PUBLIC_KEY). It also lets you either store images with Uploadcare or keep them on your hosting. Image optimization is performed on the fly at the time of user requests and the results get cached on our CDN nodes.
Probably the easiest and most universal way to optimize images of your website on the fly is by connecting the Adaptive Delivery to your project.
Connect a script to deliver optimized images to users automatically We recommend using the element for all informative and functional images as it extends the element and provides a way to add media queries, select alternative media formats, and allow art direction. Either connect a ready-made library or take advantage of Uploadcare’s URL API and compression algorithms in order to make your pages lightweight and responsive.
Select one or several solutions that suit your needs. Crop to object and enable art direction.Set automatic quality and format on delivery.Make Images Responsive with HTML, CSS, or JSįollow this guide to get quick and convenient ways to use Image Transformations in your project.
0 kommentar(er)
