From a single hi-res image, Cloudinary can generate all your required thumbnails, on-the-fly, using a simple URL. Use face-detection based cropping to perfectly frame your photos. Deliver responsive images via a fast image CDN to any device and Retina display, at any pixel density. Learn More
STILL MANAGING YOUR IMAGES AND VIDEOS IN-HOUSE?
Use Cloudinary’s image and video service instead. With a simple integration that developers will love, you’ll get immediate access to cutting-edge capabilities. Save R&D time, get to market faster, reduce your IT costs and improve your viewers’ experience.
FILE UPLOAD
Securely upload images, videos or any other file, at any scale, from any source. Powerful API for fast upload directly from users' browsers or mobile apps.
CLOUD STORAGE
Store as many images and videos as needed. Our hosting service stores assets privately and safely with auto backup and historical revisions.
ASSET ADMINISTRATION
Manage your media library interactively with our Digital Asset Management solution or via APIs. Gain insights using advanced analytics.
IMAGE & VIDEO MANIPULATION
Manipulate your images and videos dynamically to fit any graphics design. Apply effects, resizing, cropping, face detection, watermarks and tons of processing capabilities.
FAST DELIVERY
Get your images and videos delivered lightning-fast, responsively and highly optimized for any device in any location. Assets are served via Akamai, Fastly and CloudFront CDN.
220,000 CUSTOMERS FROM STARTUPS TO ENTERPRISES MANAGE 15 000 000 000+ IMAGES AND VIDEOS WITH US
FEATURES DEVELOPERS LOVE
Powerful URL-based transformations
Easy integration with your development framework
Cloudinary’s client-side integration libraries and SDKs simplify the integration with your development platform of choice: Ruby on Rails, PHP, Node.js, Angular, .NET, Python & Django, jQuery, Java, Scala, Android, iOS and more.
<%= cl_image_tag("group.jpg", :width => 365, :height => 133, :crop => :fill) %>
<?php echo cl_image_tag("group.jpg",
array("width" => 365, "height" => 133, "crop" => "fill")); ?>
cloudinary.image("group.jpg", { width: 365, height: 133, crop: "fill" })
cloudinary.CloudinaryImage("group.jpg").image(width=365, height=133, crop="fill")
$.cloudinary.image("group.jpg", { width: 365, height: 133, crop: "fill" })
<cl-image public-id="group.jpg" width="365" height="133" crop="fill"/>
cloudinary.url().transformation(
new Transformation().width(365).height(133).crop("fill")).imageTag("group.jpg");
cloudinary.Api.UrlImgUp.Transform(
new Transformation().Width(365).Height(133).Crop("fill")).
BuildImageTag("group.jpg");
cloudinary.url format "jpg" transformation
Transformation().w_(100).h_(130).c_("fill") imageTag "group"
[cloudinary url:@"group.jpg" options:@{@"transformation":
[[CLTransformation transformation]
setParams: @{@"width": @365, @"height": @133, @"crop": @"fill"}]}];
cloudinary.url().transformation(
new Transformation().width(365).height(133).crop("fill")).generate("group.jpg");
Upload images and videos with a single line of code
Upload files using Cloudinary’s API from your back-end application, directly from your visitors’ web browsers or mobile apps without any server-side component. Apply complex transformations in advance or on-the-fly.
Cloudinary::Uploader.upload("sheep.jpg",
:width => 800, :height => 600, :crop => :limit)
\Cloudinary\Uploader::upload("sheep.jpg",
array("width" => 800, "height" => 600, "crop" => "limit"));
cloudinary.uploader.upload("sheep.jpg", function(result) { console.log(result) },
{ width: 800, height: 600, crop: "limit" });
cloudinary.uploader.upload('sheep.jpg',
width = 800, height = 600, crop = 'limit')
<input name="file" type="file"
class="file-upload" data-cloudinary-field="image_id"
data-form-data="{ 'transformation': 'c_limit,h_800,w_600', ... }"/>
$(".file-upload").cloudinary_fileupload();
$upload.upload({file: file,
data: {upload_preset: $.cloudinary.config().upload_preset},
... });
cloudinary.uploader().upload("sheep.jpg",
ObjectUtils.asMap("transformation",
new Transformation().width(800).height(600).crop("limit")));
cloudinary.Upload(new ImageUploadParams() {
File = new FileDescription(@"sheep.jpg"),
Transformation = new Transformation().Crop("limit").Width(800).Height(300)
});
cloudinary.uploader.upload("sheep.jpg",
UploadParameters().transformation(Transformation().w_(100).h_(130).c_("fill")))
CLUploader* uploader = [[CLUploader alloc] init:cloudinary delegate:self];
NSData *imageData = [NSData dataWithContentsOfFile:@"sheep.jpg"];
CLTransformation *transformation = [CLTransformation transformation];
[transformation setParams: @{@"width": @800, @"height": @600, @"crop": @"limit"}];
[uploader upload:imageData options:@{@"transformation": transformation}];
cloudinary.uploader().upload("sheep.jpg",
ObjectUtils.asMap("transformation",
new Transformation().width(800).height(600).crop("limit")));
Fetch and manipulate images and videos on-the-fly
Fetch assets from anywhere around the web, including Facebook, Twitter and more. Use a short URL prefix to crop and further manipulate these existing images and videos on-the-fly. The fetched assets are optimized & delivered via a global CDN.
Real-time video manipulation and web optimization
Upload all your video clips to the cloud. With a tweak of a URL, Cloudinary will transcode your videos for viewing across all browsers and mobile devices. Scale, crop and further manipulate your videos on-the-fly according to your graphic design. Your videos will be optimized and streamed via a fast CDN.
Powerful management UI and API
Manage your media library interactively with our Digital Asset Management UI or use RESTful APIs and SDKs to automate your image and video asset management. Analyze and optimize your media usage with in-depth reports, insights and statistics.
