Gif frame counter adder

World's simplest gif tool

This online utility lets you add a frame counter to a GIF animation. The frame counter is printed as the ordinal number of each frame that makes it easy to track frames and estimate the animation speed. You can choose the position where the counter will be printed and customize its size, color, and font. Created by GIF experts from team Browserling.
announcement we've created devurls!
We just created another project – DEVURLS – world's simplest developer news aggragator. Check it out!
Frame Counter Format
Format for the frame counter. Specify %f to print the counter and %t to print the elapsed time.
Add zero-padding in front of frame numbers so that they all have the same number of digits.
Coordinates, Font, and Colors
X offset.
Y offset.
Box width.
Box height.
Counter size.
Line height.
Font of the frame counter.
Color of the counter itself.
Color of the counter background.
GIF Display Mode
Show the animation with a counter on the frames.
Don't show the animation but show just one frame with the current counter.
Stop this frame with a counter.
{frames}
Gif frame counter adder tool What is a gif frame counter adder?
This browser-based program prints the current frame number on an animated GIF file. For example, if there are 65 frames in a GIF file, then the number "1" will be drawn on the first frame, the number "2" will be drawn on the second frame, and so on, and the last frame will have the number "65" printed on it. If the delay between the frames is very small (less than 100ms), then these numbers will change very fast. The frame counter can be drawn anywhere on the frame and you can pinpoint the exact position by specifying the precise coordinates in the options or drag the frame number text box with your mouse in the preview field. The frame counter can be drawn using any font face, font color, and font size. It can be placed on a transparent background or on a color-filled rectangle. If the number of frames in a GIF is more than ten, you can enable the digit padding option. This option adds extra zeros in front of the counter so that all frame numbers had equal width. For example, if there are 25 frames in a GIF, then frames 1 to 9 will be numbered as "01", "02", …, "09", followed by "10", "11", …, "25". As you can see, all frame numbers have two digits in this case. In addition to the frame counter, you can also write arbitrary text and symbols on a GIF animation. Just enter them in the frame counter format option. The frame counter itself uses the special symbol %f. For example, the value "frame num: %f" will print "frame num: 1" on the first frame, "frame num: 2" on the second frame, and so on. As a bonus, you can also add a frame timer via the secret symbol %t. To see the numbering in action, enable the animated preview option. If you want to see how the number looks on a particular frame, select the Stop GIF option and enter the frame number that you want to see. When you open a GIF, you can also see its properties in the last block of options. The updated GIF with the counter can be downloaded from the output field by clicking on the Save-As button. Gifabulous!
Gif frame counter adder examples Click to use
Count Frames with Penguins
In this example, we add a frame counter to an animation of walking penguins. There are 28 frames in the GIF and they are updated 10 times per second (the frame rate is 10fps). We paint the frame counter in darkslategray color and place it in the bottom left corner. As there are 28 frames, the numbers 1 to 28 are painted in order on the GIF. The number font is monospace and the counter size is 46 pixels. (Source: Pexels.)
In this example, we add a frame counter to an animation of walking penguins. There are 28 frames in the GIF and they are updated 10 times per second (the frame rate is 10fps). We paint the frame counter in darkslategray color and place it in the bottom left corner. As there are 28 frames, the numbers 1 to 28 are painted in order on the GIF. The number font is monospace and the counter size is 46 pixels. (Source: Pexels.)
In this example, we add a frame counter to an animation of walking penguins. There are 28 frames in the GIF and they are updated 10 times per second (the frame rate is 10fps). We paint the frame counter in darkslategray color and place it in the bottom left corner. As there are 28 frames, the numbers 1 to 28 are painted in order on the GIF. The number font is monospace and the counter size is 46 pixels. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Format for the frame counter. Specify %f to print the counter and %t to print the elapsed time.
Add zero-padding in front of frame numbers so that they all have the same number of digits.
X offset.
Y offset.
Box width.
Box height.
Counter size.
Line height.
Font of the frame counter.
Color of the counter itself.
Color of the counter background.
Show the animation with a counter on the frames.
Don't show the animation but show just one frame with the current counter.
Stop this frame with a counter.
Colorful Frame Numbering
In this example, we decorate a GIF animation with a pretty frame counter. We draw the frame numbers in a navy Brush Script MT font on a 60×60 square with a semi-transparent white background-fill color. The frame counter shows the current frame number from the first frame to the last frame (25th). As each frame is now numbered, you can see that the GIF has different frame delays as there's a pause between the 13th frame (that lasts 100ms) and the 14th frame (that lasts 1000ms). (Source: Pexels.)
In this example, we decorate a GIF animation with a pretty frame counter. We draw the frame numbers in a navy Brush Script MT font on a 60×60 square with a semi-transparent white background-fill color. The frame counter shows the current frame number from the first frame to the last frame (25th). As each frame is now numbered, you can see that the GIF has different frame delays as there's a pause between the 13th frame (that lasts 100ms) and the 14th frame (that lasts 1000ms). (Source: Pexels.)
In this example, we decorate a GIF animation with a pretty frame counter. We draw the frame numbers in a navy Brush Script MT font on a 60×60 square with a semi-transparent white background-fill color. The frame counter shows the current frame number from the first frame to the last frame (25th). As each frame is now numbered, you can see that the GIF has different frame delays as there's a pause between the 13th frame (that lasts 100ms) and the 14th frame (that lasts 1000ms). (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Format for the frame counter. Specify %f to print the counter and %t to print the elapsed time.
Add zero-padding in front of frame numbers so that they all have the same number of digits.
X offset.
Y offset.
Box width.
Box height.
Counter size.
Line height.
Font of the frame counter.
Color of the counter itself.
Color of the counter background.
Show the animation with a counter on the frames.
Don't show the animation but show just one frame with the current counter.
Stop this frame with a counter.
Unicode Counter
In this example, we not only add a frame counter to the ship GIF, but also a frame timer. To distinguish both numbers in the animation, we put the ASCII "#" symbol in front of the frame counter and the Unicode symbol "⏱" in front of the timer. We also enable the frame number padding option to get an equal-width counter. We use a white Verdana font for the text and to make it stand out, we print it on a translucent background. (Source: Pexels.)
In this example, we not only add a frame counter to the ship GIF, but also a frame timer. To distinguish both numbers in the animation, we put the ASCII "#" symbol in front of the frame counter and the Unicode symbol "⏱" in front of the timer. We also enable the frame number padding option to get an equal-width counter. We use a white Verdana font for the text and to make it stand out, we print it on a translucent background. (Source: Pexels.)
In this example, we not only add a frame counter to the ship GIF, but also a frame timer. To distinguish both numbers in the animation, we put the ASCII "#" symbol in front of the frame counter and the Unicode symbol "⏱" in front of the timer. We also enable the frame number padding option to get an equal-width counter. We use a white Verdana font for the text and to make it stand out, we print it on a translucent background. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Format for the frame counter. Specify %f to print the counter and %t to print the elapsed time.
Add zero-padding in front of frame numbers so that they all have the same number of digits.
X offset.
Y offset.
Box width.
Box height.
Counter size.
Line height.
Font of the frame counter.
Color of the counter itself.
Color of the counter background.
Show the animation with a counter on the frames.
Don't show the animation but show just one frame with the current counter.
Stop this frame with a counter.
All gif tools
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Quickly view, play and download individual GIF frames.
Quickly create a sprite sheet from all GIF frames.
Quickly create a GIF animation from a sprite strip.
Quickly change the speed a GIF animation is played at.
Quickly flip a GIF animation horizontally or vertically.
Quickly reverse all frames in an animated GIF.
Quickly change the background color of an animated GIF.
Quickly change how many times a GIF gets repeated.
Quickly rotate a GIF animation by the given angle.
Quickly change the width and height of a static or animated GIF.
Quickly crop a region from a GIF animation.
Quickly redact sensitive information from a GIF.
Quickly pixelate any region in a GIF animation.
Quickly blur any region in a GIF animation.
Quickly sharpen any region in a GIF animation.
Quickly increase or decrease the brightness of a GIF.
Quickly increase or decrease the contrast of a GIF.
Quickly make any color in a GIF transparent.
Quickly fill transparent GIF regions with a solid color.
Quickly delete one or more frames from an animated GIF.
Quickly extract multiple frames from a GIF.
Quickly preview a GIF animation at any framerate (fast or slow).
Quickly shuffle frames of a GIF animation.
Quickly increase the size of a GIF.
Quickly change the total playback time of a GIF.
Quickly surround a GIF animation with a border.
Quickly add a background to an animated GIF.
Quickly remove the background from an animated GIF.
Quickly add any text (captions, subtitles) on an animated GIF.
Quickly add a running time clock to a GIF animation.
Quickly add a counter that shows frame numbers.
Quickly round the corners of a GIF animation.
Quickly remove colors from a GIF and leave only gray shades.
Quickly cut a frame range or a time interval from a GIF.
Quickly decrease the framerate of a GIF animation.
Quickly increase the framerate of a GIF animation.
Quickly generate a solid color or color gradient GIF.
Quickly generate a tiny 1x1 spacer GIF.
Quickly make a GIF loop back and forth.
Quickly draw random pixels on an animated GIF.
Quickly print low-level details about a GIF and its frames.
Quickly optimize a GIF animation to use less memory.
Coming soon These gif tools are on the way
GIF Creator
Create animated GIFs in your browser.
Pause a GIF
Freeze a GIF at a specific frame.
Compress a GIF
Minify a GIF and make it smaller in size.
Rearrange GIF Frames
Change the order of frames in a GIF animation.
Add Frames to a GIF
Insert one or more frames in a GIF animation.
Unzoom a GIF
Decrease the size of a GIF.
Add Sound to GIF
Add an audio track to a GIF.
Fade-out a GIF
Gradually fade-out the frames of a GIF.
Fade-in a GIF
Gradually fade-in the frames of a GIF.
Cross-fade GIF Frames
Cross-fade a GIF frame by frame.
Remove a Border from a GIF
Remove a border that surrounds a GIF animation.
Stop GIF Loop
Stop looping the GIF and play it just once.
Normalize GIF Speed
Change the delay between all GIF frames to the same value.
Change GIF Framerate
Change the framerate of a GIF.
Change GIF Quality
Change the quality of a GIF.
Make a GIF Bigger
Increase the width and height of a GIF.
Make a GIF Smaller
Decrease the width and height of a GIF.
Convert GIF to Base64
Base64-encode a GIF.
Convert Base64 to GIF
Base64-decode a GIF.
Convert GIF to Base58
Base58-encode a GIF.
Convert Base58 to GIF
Base58-decode a GIF.
Convert GIF to APNG
Convert an animated GIF to an animated PNG.
Convert APNG to GIF
Convert an animated PNG to an animated GIF.
Convert GIF to Webp
Convert an animated GIF to an animated Webp.
Convert Webp to GIF
Convert an animated Webp to an animated GIF.
Convert GIF to AVIF
Convert a GIF animation to an AV1 animation (AVIF).
Convert AVIF to GIF
Convert an AV1 animation (AVIF) to a GIF animation.
Convert GIF to PNG
Export a single frame from a GIF to PNG.
Convert PNG to GIF
Convert a still PNG image to a static GIF.
Convert GIF to JPG
Export a single frame from a GIF to JPEG.
Convert JPG to GIF
Convert a still JPEG photo to a static GIF.
Convert GIF to BMP
Export a single frame from a GIF to BMP.
Convert BMP to GIF
Convert a still BMP file to a static GIF.
Convert GIF to BPG
Export a GIF animation to a BPG animation.
Convert BPG to GIF
Convert an animated BPG to an animated GIF.
Convert GIF to AVI
Convert a GIF animation to an AVI video.
Convert AVI to GIF
Convert an AVI video to a GIF animation.
Convert GIF to MP4
Convert a GIF animation to an MP4 video.
Convert MP4 to GIF
Convert an MP4 video to a GIF animation.
Convert GIF to MOV
Convert a GIF animation to a MOV video.
Convert MOV to GIF
Convert a MOV video to a GIF animation.
Convert GIF to GIFV
Convert a GIF animation to GIF video (GIFV).
Convert GIFV to GIF
Convert a GIF video (GIFV) to a GIF animation.
Convert GIF to Data URL
Create a Data URI from a GIF animation.
Convert Data URL to GIF
Reconstruct a GIF from a Data URI.
Convert GIF to ASCII Art
Draw one or more GIF frames as ASCII art.
Convert ASCII Art to GIF
Create an animation from multiple ASCII art drawings.
Convert GIF to ANSI Art
Draw one or more GIF frames as ANSI art.
Convert ANSI Art to GIF
Create an animation from multiple ANSI art drawings.
Convert GIF to Unicode Art
Convert a GIF animation to Unicode glyphs.
Convert Unicode Art to GIF
Create a GIF from multiple Unicode glyphs.
Change Colors in a GIF
Replace one color in a GIF with another.
Make GIF Black and White
Convert all colors in a GIF to just two black and white.
Extract GIF Colors
Find the color palette used in a GIF.
Extract GIF Color Index
Find the color index used in a GIF.
Randomize GIF Color Index
Randomly change the color indexes of a GIF.
Reduce GIF Colors
Remove colors from a GIF.
Re-quantize GIF Colors
Run various color quantization algorithms on a GIF.
Create a True Color GIF
Create a GIF with more than 256 colors.
Add Dithering to a GIF
Convert a non-dithered GIF to a dithered GIF.
Remove Dithering From a GIF
Merge dithered pixels and create a non-dithered GIF.
Change Delay of Frames
Change the delay interval between individual GIF frames.
Split a GIF
Split a GIF into two or more GIFs.
Join GIFs
Join two or more GIFs into a single GIF.
Shift a GIF
Shift GIF frames to the right or to the left.
Hide a Part of a GIF
Hide the selected area in a GIF by drawing a block over it.
Slice a GIF
Extract a part (a range of frames) from a GIF.
Duplicate a GIF
Create multiple GIF copies side-by-side.
Duplicate GIF Frames
Create multiple copies of individual GIF frames.
Skew a GIF
Skew a GIF animation by an angle.
Generate White Noise GIF
Create a GIF that animates white noise.
Create a Quasistatic GIF
Make a GIF animation so slow that it appears almost static.
Create an Empty GIF
Generate a GIF that contains nothing.
Glitch a GIF
Let Zalgo destroy a GIF animation.