Image optimization
Uploadcare allows you to optimize images to improve the performance of your website or application without sacrificing its quality.
There are two ways to optimize images:
- Use the Adaptive Image Component to automate responsive images.
- Turn on Adaptive quality to enable automatic compression.
Adaptive Image Component
Use Uploadcare’s built-in adaptive image web component to automate responsive image delivery, making your site faster and more efficient:
- Replace the
<img>tag with<uc-img>. - The browser automatically picks the best image size for each device.
This simplifies responsive image handling, prevents layout issues, and improves load times—ensuring users always see the optimal image.
Adaptive quality
Automatically compress all images in your project without losing quality by enabling Adaptive quality in the Delivery section of the Dashboard.
By default, automatic image format conversion to AVIF or WebP is enabled
for all uploaded images in your project.
You can turn on the Adaptive quality toggle to apply the most efficient
compression level. Note that Adaptive quality works when any URL-based transformation
(like a -/preview/ operation) is applied.
If you would like more granularity when choosing compression level settings, check out more about Image compression.
Automate image optimization to boost performance, save up to 72% on bandwidth, and ensure faster delivery with Uploadcare’s CDN, where every uploaded file is instantly available.