Extract frames from an animated GIF

Extract frames from an animated GIF, you can choose which frame to deliver, apply any further image manipulations including resizing, cropping, overlays and much more.

Original

Original

1st frame-Default

1st frame-Default

10th frame

10th frame
Ruby:
cl_image_tag("bored_animation.jpg")
PHP:
cl_image_tag("bored_animation.jpg")
Python:
CloudinaryImage("bored_animation.jpg").image()
Node.js:
cloudinary.image("bored_animation.jpg")
Java:
cloudinary.url().imageTag("bored_animation.jpg")
JS:
cl.imageTag('bored_animation.jpg').toHtml();
jQuery:
$.cloudinary.image("bored_animation.jpg")
React:
<Image publicId="bored_animation.jpg" >

</Image>
Angular:
<cl-image public-id="bored_animation.jpg" >

</cl-image>
.Net:
cloudinary.Api.UrlImgUp.BuildImageTag("bored_animation.jpg")
Android:
MediaManager.get().url().generate("bored_animation.jpg")
by Itay Taragano

Converting an image format

Convert your images to any other format either by simply changing the extension of the file, or by setting the format parameter. You can either covert the image's format while uploading or upload the image as is and dynamically convert its format on delivery.

GIF

GIF

Circle cropped PNG

Circle cropped PNG

Low quality JPG

Low quality JPG
Ruby:
cl_image_tag("nice_beach.gif")
PHP:
cl_image_tag("nice_beach.gif")
Python:
CloudinaryImage("nice_beach.gif").image()
Node.js:
cloudinary.image("nice_beach.gif")
Java:
cloudinary.url().imageTag("nice_beach.gif")
JS:
cl.imageTag('nice_beach.gif').toHtml();
jQuery:
$.cloudinary.image("nice_beach.gif")
React:
<Image publicId="nice_beach.gif" >

</Image>
Angular:
<cl-image public-id="nice_beach.gif" >

</cl-image>
.Net:
cloudinary.Api.UrlImgUp.BuildImageTag("nice_beach.gif")
Android:
MediaManager.get().url().generate("nice_beach.gif")
by Itay Taragano