sean · Cloudinary

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.

An arrow pointing from the original asset to the cropped asset

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.
The same asset cropped using the following settings: Aspect Ratio: 1:2. Crop Mode: Content-Aware.
Original
18 MB

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

The original asset:
JPEG
135 KB
WebP
135 KB
AVIF
90 KB
JPEG XL
94 KB
The image after being optimized using the following settings: Quality: Auto. Width: 1000px.

Original
18 MB

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

JPEG
135 KB
WebP
135 KB
AVIF
90 KB
JPEG XL
94 KB

How much of the first asset should be shown?

An un-cropped image overlaid with a croppingai window showing how it would be cropped by Cloudinary.

An arrow pointing from the original asset to the cropped asset

The same asset cropped using the following settings: Aspect Ratio: 1:1. Crop Mode: Content-Aware.
The original image:

An arrow pointing from the original asset to the transformed asset.

The personalized image:

How much of the first asset should be shown?

Duration
Full length video: Surfing Trip

An arrow pointing from the original video to the AI-generated preview.

Duration
A shorter video preview generated by Cloudinary's AI using the following settings: Duration: 15 seconds. Max Clips: 9. Min Clip Length: 1 second.

Popular With Developers

Circles

Cloudinary Visual Studio Code Extension

Access your Cloudinary Media Library from your IDE. Find and preview assets, copy URLs, upload files, or switch environments, all from inside Visual Studio Code. Just code and media, in one place.

TRY IT OUT NOW →

Developer SDKs

Whatever your tech stack, Cloudinary has you covered with a huge selection of SDKs in all your favorite backend, frontend, and mobile languages and frameworks.

VIEW MORE SDKS →

  • FRONTEND
  • BACKEND
  • MOBILE

Sample Applications

Learn how to optimize, manage, and deliver visual media with less effort with apps that showcase automation, AI enhancements, and integrations with popular frameworks and CMS systems. Browse the gallery, clone the repo, and customize the apps to suit your workflow.

VISIT THE APP GALLERY →

app gallery

Documentation

  • Image Transformations

    Modify images on the fly by applying parameters for resizing, cropping, formatting, effects, and more through the URL or API.

    SEE DOCS

  • Media Optimization

    Automatically adjust image and video quality, format, and size to deliver the best performance across devices, browsers, and network conditions.

    SEE DOCS

  • API References

    Detailed documentation for all image, video, upload, and admin APIs, including supported parameters, methods, and code examples.

    SEE DOCS

  • Client-side Widgets

    Prebuilt UI components that let users upload, browse, and manage media directly from the browser with minimal configuration.

    SEE DOCS

  • Platform Integrations

    Ready-made connectors to popular frameworks, CMSs, e-commerce platforms, and CI/CD tools for streamlined media management.

    SEE DOCS

  • Code Explorers & Demos

    Interactive examples and sample code to help devs learn, test, and implement media capabilities quickly.

    SEE DOCS

Community Libraries

These libraries are built and maintained by community members. They provide Cloudinary integrations with popular frameworks and other developer tools. Please note that these community libraries are not official Cloudinary SDKs and are dependent on the community to continually enhance them.

What Developers Are Saying

Left Arrow Right Arrow

James Q Quick

Content Creator, Learn Build Teach, LLC

Creating customized images for each episode of our podcast, Compressed.fm, is a hassle. To save loads of time and energy, we use Cloudinary to automatically generate unique images with JavaScript for each episode. This is just one of the amazing benefits that Cloudinary brings to the media world.

Jason Lengstorf

VP of Developer Experience, Netlify

I have spent hundreds of hours wrestling with media assets for websites in my career. Cloudinary was a game changer for me because I was able to write a bit of code for my websites to transform and optimize media, then forget about it. I don’t have to think about accidentally publishing giant, unoptimized images. In fact, I don’t have to think about images at all anymore. Which is nice.

Tim Benniks

Principal Developer Advocate, Uniform

As a creative developer I’ve been working with media for many years. The times before I discovered Cloudinary feel like the stone ages now. I used to role my own image optimization pipelines, and tools for image transformations. When we needed to normalize thousands of product assets for one of the number one fashion houses in the world, we reached out to Cloudinary. We got it done in a few days and a collaboration was born. I can’t imagine working on any project without using Cloudinary.

Kent C. Dodds

Software Engineer & Educator, Kent C. Dodds Tech LLC

Cloudinary allows me to improve my site’s performance and easily manage images and even generate custom images with it’s powerful transformation capabilities.

Chris Coyier

Co-Founder, Codepen

I have pretty much accomplished this very difficult task of dealing with images on the website fairly trivially… Cloudinary is awesome for that.

Gant Laborde

CIO, Infinite Red

Cloudinary is my favorite one-stop tool for effective and impactful media results. With one stroke, I can leverage Cloudinary to deliver an optimized, reliable, and outstanding solution in a moment that should have taken months

Raymond Camden

Senior Developer Evangelist, Adobe

Cloudinary hits the sweet spot of powerful, flexible, and incredibly easy to use. Its URL-based syntax means it’s quick to pick up and test by just playing around in your browser. Combined with excellent docs and a huge amount of examples, I can absolutely recommend their service!

Didn’t Find What You’re Looking For?

Ready to Start Using Cloudinary?

Sign up for our free plan and start creating stunning visual experiences in minutes.

Contact Us

Read the original on cloudinary.com ↗