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.