Extract frames from an animated GIF
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
C#
Java
Javascript
jQuery
Node.js
PHP
React
Ruby
iOS
Vue.js
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):
URL
Android
Angular
C#
Java
Javascript
jQuery
Node.js
PHP
React
Ruby
iOS
Vue.js
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):
URL
Android
Angular
C#
Java
Javascript
jQuery
Node.js
PHP
React
Ruby
iOS
Vue.js
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:
URL
Android
Angular
C#
Java
Javascript
jQuery
Node.js
PHP
React
Ruby
iOS
Vue.js
https://res.cloudinary.com/demo/image/upload/l_play_button,w_0.4,fl_relative,o_60/bored_animation.jpg