Optimization
Uploadcare helps you optimize images and videos to enhance the performance of your website or application without sacrificing quality.
- Enable automatic compression by turning on Adaptive quality.
- Automate image responsiveness using the Adaptive image component.
- Adjust video quality by enabling Adaptive bitrate streaming.
Image
Compression
By default, Automatic image format conversion (to AVIF or WebP) and Adaptive quality are enabled in the Delivery section of your Dashboard.
These features are applied whenever a URL-based transformation is used (e.g., the
-/preview/
operation).
If you need more control over compression settings, refer to Image compression.
Responsiveness
Optimize images for different devices to ensure a better user experience.
Automated approach
Use Uploadcare’s built-in adaptive image web component:
- 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.
Framework integration
Use Uploadcare with frameworks like Next.js image loader and component or Nuxt to automate responsive image delivery effortlessly.
Manual approach
Learn how to create a responsive image manually.
Video
Optimization is available for all video files uploaded to the selected project when Adaptive bitrate streaming toggle is enabled in the Dashboard.
Learn more about Adaptive bitrate streaming.