Image optimization

Uploadcare helps you optimize images 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.

Compression

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 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:

  1. Replace the <img> tag with <uc-img>.
  2. 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.

Table of Contents

ArticleDescription
Image compressionCompression is essential for improving the performance of your website or application. Reducing image size without sacrificing quality is a key factor to consider
Responsive imagesResponsiveness ensures images adapt to any device for optimal display across various screen sizes
Adaptive image componentThis web component allows images to automatically adapt to different devices and screen sizes for optimal display
Animated images optimizationGIF-to-video operation optimizes the delivery of animated images by converting formats like GIF, WebP, and HEIC into video to improve performance and be processed on the fly
Built with