Animated gif creation

Easily create and manipulate an animated gif from images. First, choose the images you wish to include in the GIF by tagging them. Then, use the multi API to turn them into animated GIF (the images will be ordered alphabetically within the GIF).

For example, let’s upload this kitten image 6 times -

URL Ruby PHP Python Node.js Java JS jQuery React Vue.js Angular .Net Android iOS All

URL:

https://res.cloudinary.com/demo/image/upload/w_400,h_300,c_fill/sample_image.jpg

Ruby:

cl_image_tag("sample_image.jpg", :width=>400, :height=>300, :crop=>"fill")

PHP:

cl_image_tag("sample_image.jpg", array("width"=>400, "height"=>300, "crop"=>"fill"))

Python:

CloudinaryImage("sample_image.jpg").image(width=400, height=300, crop="fill")

Node.js:

cloudinary.image("sample_image.jpg", {width: 400, height: 300, crop: "fill"})

Java:

cloudinary.url().transformation(new Transformation().width(400).height(300).crop("fill")).imageTag("sample_image.jpg");

JS:

cloudinary.imageTag('sample_image.jpg', {width: 400, height: 300, crop: "fill"}).toHtml();

jQuery:

$.cloudinary.image("sample_image.jpg", {width: 400, height: 300, crop: "fill"})

React:

<Image publicId="sample_image.jpg" >
  <Transformation width="400" height="300" crop="fill" />
</Image>

Vue.js:

<cld-image publicId="sample_image.jpg" >
  <cld-transformation width="400" height="300" crop="fill" />
</cld-image>

Angular:

<cl-image public-id="sample_image.jpg" >
  <cl-transformation width="400" height="300" crop="fill">
  </cl-transformation>
</cl-image>

.Net:

cloudinary.Api.UrlImgUp.Transform(new Transformation().Width(400).Height(300).Crop("fill")).BuildImageTag("sample_image.jpg")

Android:

MediaManager.get().url().transformation(new Transformation().width(400).height(300).crop("fill")).generate("sample_image.jpg");

iOS:

imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(400).setHeight(300).setCrop("fill")).generate("sample_image.jpg")!, cloudinary: cloudinary)

One for each angle of 0,60,120,180,240,300 with the “twisted_kitten” tag. The result GIF is ready for further transformations and delivery -