For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Dashboard
GuidesIntegrationsAPI ReferencesRelease notes
GuidesIntegrationsAPI ReferencesRelease notes
  • Introduction
    • Overview
    • Quick Start
    • Projects
    • Billing
  • Uploading
    • Overview
    • Uploading files with API
    • File analysis on upload
  • Optimization
    • Overview
  • Transformations
  • Delivery
    • Overview
    • On-the-fly operations
    • CDN settings
    • Proxy
  • Security
    • Overview
    • Validation and moderation
    • Signed uploads
    • Signed URLs
    • Unsafe content moderation
    • Malware protection
    • HIPAA workflows
  • Storage
    • Uploadcare storage
    • Cloudflare R2
    • Google Cloud Storage
    • Azure Blob Storage
  • File management
    • Overview
    • Managing files
    • File groups
    • Webhooks
    • Arbitrary file metadata
  • CLI
    • Overview
    • Configuration
  • Migration
    • Migration to Uploadcare
    • Migration from Filestack
Dashboard
LogoLogo
On this page
  • Image
  • Compression
  • Responsiveness
  • Video
  • Table of Contents
Optimization

Optimization

Was this page helpful?
Previous

Image compression

Next
Built with

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

  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.

Video

Adaptive bitrate streaming is enabled by default for new projects.
For existing projects, you can enable it in the Dashboard.

Once enabled, optimization is applied to all video files uploaded to the project.

Learn more about Adaptive bitrate streaming.

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
Adaptive bitrate streamingAllows optimized video streaming by dynamically adjusting the video quality based on the viewer’s device capabilities and internet connection speed