Programmable Media

Create transformative visual experiences with image and video APIs

Get Started
Cloudinary Programmable Media

Cloudinary Programmable Media

Programmable Media AI-powered APIs automate image and video lifecycles

Transform and Customize

Background removal

Deep-learning algorithms recognize the primary foreground object(s) in a photo or video and accurately remove the background.
Zoom Pan

Apply zooming and/or panning to an image to create a video or animated GIF.
3D Spinset

Easily create 3D animations and videos to give customers a 360° view of your product.
Product Gallery

Enable an interactive shopping experience with high-performant and responsive images, videos, 360° views, and 3D models.
Artistic Filters and Image Overlays

Quickly make programmatic changes to images using upload presets.
Video Previews

AI-generated video previews using the most compelling imagery automatically.

For more, check out our documentation for images and videos.

LEARN MORE ->

Optimize and Deliver

Object-aware smart crop

Perfect your assets with AI-powered object cropping that identifies the must-keep sections of your image or video. Thousands of out-of-the-box object categories make the process fast and accurate.
Smart Video Crop

Ensure that the most relevant portions of your content are the main focus throughout the duration of each video.
Auto responsive

Website and app users automatically view images and videos in the correct size and shape for their device.
Automatic optimization

Send the best quality media every time, formatted to the user’s device/connection.
Multi-CDN

Ensures the fastest possible delivery of visual experiences by dynamically switching to the best CDN route.

For more, check out our documentation.

LEARN MORE ->

Manage and Analyze

Smart tagging

AI-driven auto tagging of images and video happens automatically during the upload process.
Source and Moderate

An interactive UI enabling your users to upload media from a variety of sources for immediate use on your website or mobile app. Moderation and curation capabilities built-in.
Pre-built Integrations

Cloudinary integrates with your digital experience technology stack – from CMS to PIM to Commerce solutions.
Learn more ->
Automated Workflows

Generate transformations automatically upon file upload to save time and ensure files are delivery-ready automatically.
Learn more ->
Quickstart UI

UI-based visual asset management for developers providing corresponding SDK code snippets that reflect the actions executed in the UI.

Check out relevant documentation for Upload API, Admin API and Search API.

LEARN MORE ->

Developers

Discover how Cloudinary helps you build more engaging and performant web and app experiences while making your life easier along the way.

A woman and a golden retriever in the mountains. They're sitting, facing away from the camera while the dog noses the woman. They're surrounded by natural splendor including majestic mountains, puffy clouds, and evergreen-studded hills. — An un-cropped image overlaid with a cropping window showing how it would be cropped by Cloudinary.

Original: 18 MB
We’re showing a resized version of the original asset to avoid slow loading speeds. View the original.

JPG: 135 KB
WEBP: 135 KB
AVIF: 90 KB

Original: 18 MB
We’re showing a resized version of the original asset to avoid slow loading speeds. View the original.

JPG: 135 KB
WEBP: 135 KB
AVIF: 90 KB

Duration: 1:42

Duration: 0:15

URL:

/ar_0.5,c_fill,g_auto,w_433/q_auto/f_auto/hiking_dog_mountain.jpg

cloudinary.image("hiking_dog_mountain.jpg", {transformation: [
  {aspect_ratio: "0.5", gravity: "auto", width: 433, crop: "fill"},
  {quality: "auto"},
  {fetch_format: "auto"}
  ]})

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

CloudinaryImage("hiking_dog_mountain.jpg").image(transformation=[
  {'aspect_ratio': "0.5", 'gravity': "auto", 'width': 433, 'crop': "fill"},
  {'quality': "auto"},
  {'fetch_format': "auto"}
  ])

(new ImageTag('hiking_dog_mountain.jpg'))
	->resize(Resize::fill()->width(433)
->aspectRatio(0.5)
	->gravity(
	Gravity::autoGravity())
	)
	->delivery(Delivery::quality(
	Quality::auto()))
	->delivery(Delivery::format(
	Format::auto()));

cloudinary.url().transformation(new Transformation()
  .aspectRatio("0.5").gravity("auto").width(433).crop("fill").chain()
  .quality("auto").chain()
  .fetchFormat("auto")).imageTag("hiking_dog_mountain.jpg");

cl_image_tag("hiking_dog_mountain.jpg", :transformation=>[
  {:aspect_ratio=>"0.5", :gravity=>"auto", :width=>433, :crop=>"fill"},
  {:quality=>"auto"},
  {:fetch_format=>:auto}
  ])

cloudinary.Api.UrlImgUp.Transform(new Transformation()
  .AspectRatio("0.5").Gravity("auto").Width(433).Crop("fill").Chain()
  .Quality("auto").Chain()
  .FetchFormat("auto")).BuildImageTag("hiking_dog_mountain.jpg")

cloudinary.image('hiking_dog_mountain.jpg').transformation(Transformation()
	.resize(Resize.fill().width(433)
.aspectRatio(0.5)
	.gravity(
	Gravity.autoGravity())
	)
	.delivery(Delivery.quality(
	Quality.auto()))
	.delivery(Delivery.format(
	Format.auto())));

imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()
  .setAspectRatio("0.5").setGravity("auto").setWidth(433).setCrop("fill").chain()
  .setQuality("auto").chain()
  .setFetchFormat("auto")).generate("hiking_dog_mountain.jpg")!, cloudinary: cloudinary)

MediaManager.get().url().transformation(new Transformation()
  .aspectRatio("0.5").gravity("auto").width(433).crop("fill").chain()
  .quality("auto").chain()
  .fetchFormat("auto")).generate("hiking_dog_mountain.jpg");

cloudinary.image('hiking_dog_mountain.jpg').transformation(Transformation()
	.resize(Resize.fill().width(433)
.aspectRatio(0.5)
	.gravity(
	Gravity.autoGravity())
	)
	.delivery(Delivery.quality(
	Quality.auto()))
	.delivery(Delivery.format(
	Format.auto())));

cloudinary.image {
	publicId("hiking_dog_mountain.jpg")
	 resize(Resize.fill() { width(433)
 aspectRatio(0.5F)
	 gravity(
	Gravity.autoGravity())
	 })
	 delivery(Delivery.quality(
	Quality.auto()))
	 delivery(Delivery.format(
	Format.auto())) 
}.generate()

Created with your success in mind

Engagement

During their game casts experience, Bleacher Report increased video engagement by

350%

VIEW CASE STUDY →

Conversions

Discover how Stylight increased conversions and revenue

2.2%

VIEW CASE STUDY →

Efficiency

Check out how Minted went from new product launch in weeks to

Hours

VIEW CASE STUDY →

Reach customers anywhere

Find out how Vorwerk is reaching customers through the Internet of Things (IoT).

LEARN MORE ->
Reduce repetitive manual tasks

Forrester Consulting found that enterprises using Cloudinary were able to “refocus FTEs due to centralization and automatic transformation of images and videos, resulting in $4.1 million of savings”. Source: Forrester Total Economic Impact report.

LEARN MORE ->
Accelerate experience creation

Boombah turned to Cloudinary to automate and elevate its online shopping experience to support a visual-first faster go to market.

LEARN MORE ->