Try it! Feature demos

Pick a Resize or Crop Mode

See the results of different cropping modes on the same image, given a specific viewport size.

Detect Image Objects with AI

Try different AI content-aware models to see the objects they detect in any uploaded pic.

Recolor Objects in Images You Upload

Recolor detected objects for redecoration, product showcasing, or creative expression.

Show Transparent Video over Web Content

Toggle the transparent video to display it inline or on-top-of web page content.

Try Different Cross Fade Transitions

See how different cross fade transitions look when concatenating videos.

Capture a 3D model as a 2D image

Try out different camera effect settings to capture images of 3D models.

Create Realistic Shadows

Set the angle and spread of a light source to see the effect on a generated shadow.

Play with Text Distortion

Try squashing, squeezing, elongating and customizing the shape of a text string.

Responsive srcset Images

Change the browser size to load dynamically resized images using the srcset and sizes attributes of the img tag.

Art-Directed Responsive Images

Change the browser size to load differently cropped images using the picture tag.

Responsive Images Using Client Hints

Change the browser size and refresh to load differently sized images from the server based on client hints.

Responsive Images Using the cloudinary-core JS Library

Change the browser size to load dynamically resized images from the client side.

Optimize Image Quality

See the effect that various automatic and fixed quality settings have on an image's visual quality.

Optimize Video Quality

See how various quality settings affect the resulting file size when encoding a video.

Try Adaptive Bitrate Streaming On The Fly

See videos being streamed using automatic streaming profile selection.

Spin Sets From 360 Panoramic Images

Use the Product Gallery to display interactive 360 spin sets made from panoramic images.

Color Blind Accessibility

Test color blind assistance techniques and simulate various color vision conditions.

Contrast, Brightness, and Saturation

See how contrast, brightness, and saturation adjustments affect image accessibility.

Theme Adaptation

See how images can be automatically adapted for light and dark themes.

Text Overlay Customization

Experiment with text styling parameters for better accessibility and readability.

Audio Mixing for Accessibility

Adjust foreground and background audio levels for WCAG compliance.

Motion Preferences

See how to respect user preferences for reduced motion in animated content.

External Volume Controls

Create larger, more accessible volume controls using Cloudinary transformations.

Video with Audio Description

See how to add audio descriptions to videos for users with visual impairments.

Automatic Image Cropping

See intelligent object detection for automatic image cropping across viewports.

Automatic Video Cropping

See intelligent object tracking for automatic video cropping across viewports.