Extract frames from an animated GIF

Video

Layers

Email marketing

Beginner

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.

Here's an original animated GIF:

URL

android

angular

dotnet

java

jquery

nodejs

php

react

ruby

ios

vuejs

https://res.cloudinary.com/demo/image/upload/bored_animation.gif

Simply change the image's extension to any other non-animated format to generate the first frame (default): 1st frame-Default

URL

android

angular

dotnet

java

jquery

nodejs

php

react

ruby

ios

vuejs

https://res.cloudinary.com/demo/image/upload/bored_animation.jpg

If you want to generate an image of a specific frame, use the page parameter (pg in URLs): 10th frame

URL

android

angular

dotnet

java

jquery

nodejs

php

react

ruby

ios

vuejs

https://res.cloudinary.com/demo/image/upload/pg_10/bored_animation.jpg

You can achieve a more professional result by showing the still frame of the animation, with a small play button. For example: Play button overlay

URL

android

angular

dotnet

java

jquery

nodejs

php

react

ruby

ios

vuejs

https://res.cloudinary.com/demo/image/upload/l_play_button,w_0.4,fl_relative,o_60/bored_animation.jpg