Text to gif adder

World's simplest gif tool

This online utility lets you add any text to a GIF animation. You can add captions, subtitles, annotations, symbols, and emojis to a GIF. You can enter the text in the options and move the text box to any position on the frame. Style options, such as size, font, color, alignment, and shadow will help you customize your text. The built-in player will allow you to see the new animation with the text in your browser, and the download button will help you get the new GIF. Created by GIF experts from team Browserling.
Check out our primary project! Browserling
We created Browserling – get a cloud browser in 5 seconds. Check it out!
Text and Box
Enter animation text here.
Top point.
Left point.
Width.
Height.
Box fill color.
Horizontal text align.
Text Format and Style
Text size.
Line height.
Text font.
Custom font URL.
Text fill color.
Text shadow, for example: 1px 1px 2px pink
Text format.
Frames and Animation
Frames you want to add text to.
Play all frames in animation.
Stop at this frame.
{frames}
Text to gif adder tool What is a text to gif adder?
This browser-based program overlays text on top of animated and static GIF files. The text can be as short as one symbol (such as a Unicode emoji) or a short one-word label, it can be a multi-word caption, it can be one or more sentences (an annotation), or even multiple text paragraphs. When you enter the input text in the options, it will be placed as the top layer above all GIF frames. The entered text will immediately appear on all frames but if you need to place it on specific frames, you can list the frame numbers in the options. For example, like this: "1, 3" (add text only on frames 1 and 3), like this: "4-9" (add text on frames 4 to 9), or like this: "3, 5, 10-20" (add text on frames 3, 5, and frames 10 to 20). The position of the text area can be adjusted in the GIF preview field with the mouse or specified in the options using four parameters: x, y, width, height. The text area can be fully transparent, it can be filled with a solid color, or it can be made semi-transparent. By default, the input text appears in the center of the text box but you can align it to the left or right if needed. You can also adjust the text style by choosing the font family from a list of suggested fonts or enter a custom typeface using the font URL option. There are also more options to set the character size, the line height, the text paint color, add a shadow to it, and make it bold or italic. As you make changes to the text, you can observe the output GIF in the continuous animation mode or in the stop-frame mode. Once you finish placing the text, you can download the animation from the output animation area. Gifabulous!
Text to gif adder examples Click to use
Add a Location Label to a GIF
In this example, we add a caption "Machu Picchu" (location of the Inca citadel) to an animated GIF file. We place the caption at the bottom of the animation and stretch the text box to the width of a frame. We make it semi-transparent (color rgba(0, 0, 0, 0.6)), use a 20px Helvetica font for the text, and paint it in green (color rgb(82, 248, 84)). (Source: Pexels.)
In this example, we add a caption "Machu Picchu" (location of the Inca citadel) to an animated GIF file. We place the caption at the bottom of the animation and stretch the text box to the width of a frame. We make it semi-transparent (color rgba(0, 0, 0, 0.6)), use a 20px Helvetica font for the text, and paint it in green (color rgb(82, 248, 84)). (Source: Pexels.)
In this example, we add a caption "Machu Picchu" (location of the Inca citadel) to an animated GIF file. We place the caption at the bottom of the animation and stretch the text box to the width of a frame. We make it semi-transparent (color rgba(0, 0, 0, 0.6)), use a 20px Helvetica font for the text, and paint it in green (color rgb(82, 248, 84)). (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Enter animation text here.
Top point.
Left point.
Width.
Height.
Box fill color.
Horizontal text align.
Text size.
Line height.
Text font.
Text fill color.
Text shadow, for example: 1px 1px 2px pink
Text format.
Frames you want to add text to.
Play all frames in animation.
Stop at this frame.
Add a Quote to an Animation
In this example, we write an inspirational quote over a calming sunset animation. We align the text to the left and fill the text box with transparency. We select the custom font mode and paste a URL to the Google font called "Satisfy". The color of the text is white and to make it stand out better, we add a shadow to it with the format "2px 2px 2px black". As there are two lines of text, we increase the line height to 30 pixels. For an even better look, we make the text italic. (Source: Pexels.)
In this example, we write an inspirational quote over a calming sunset animation. We align the text to the left and fill the text box with transparency. We select the custom font mode and paste a URL to the Google font called "Satisfy". The color of the text is white and to make it stand out better, we add a shadow to it with the format "2px 2px 2px black". As there are two lines of text, we increase the line height to 30 pixels. For an even better look, we make the text italic. (Source: Pexels.)
In this example, we write an inspirational quote over a calming sunset animation. We align the text to the left and fill the text box with transparency. We select the custom font mode and paste a URL to the Google font called "Satisfy". The color of the text is white and to make it stand out better, we add a shadow to it with the format "2px 2px 2px black". As there are two lines of text, we increase the line height to 30 pixels. For an even better look, we make the text italic. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Enter animation text here.
Top point.
Left point.
Width.
Height.
Box fill color.
Horizontal text align.
Text size.
Line height.
Text font.
Custom font URL.
Text fill color.
Text shadow, for example: 1px 1px 2px pink
Text format.
Frames you want to add text to.
Play all frames in animation.
Stop at this frame.
Special Attack Instructions
In this Street Fighter sprite, Guile game character is releasing the Sonic Boom special attack. This attack can be released by charging backward, pressing forward, and pressing the punch key. To teach you how to invoke this attack, we add keystroke instructions to the first three frames of the animation. We use different Unicode characters, letters, and emoticons to show the instructions and print them in bold using the Courier New font. (Source: Capcom.)
In this Street Fighter sprite, Guile game character is releasing the Sonic Boom special attack. This attack can be released by charging backward, pressing forward, and pressing the punch key. To teach you how to invoke this attack, we add keystroke instructions to the first three frames of the animation. We use different Unicode characters, letters, and emoticons to show the instructions and print them in bold using the Courier New font. (Source: Capcom.)
In this Street Fighter sprite, Guile game character is releasing the Sonic Boom special attack. This attack can be released by charging backward, pressing forward, and pressing the punch key. To teach you how to invoke this attack, we add keystroke instructions to the first three frames of the animation. We use different Unicode characters, letters, and emoticons to show the instructions and print them in bold using the Courier New font. (Source: Capcom.)
Required options
These options will be used automatically if you select this example.
Enter animation text here.
Top point.
Left point.
Width.
Height.
Box fill color.
Horizontal text align.
Text size.
Line height.
Text font.
Custom font URL.
Text fill color.
Text shadow, for example: 1px 1px 2px pink
Text format.
Frames you want to add text to.
Play all frames in animation.
Stop at this frame.
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 change the background color of an animated GIF.
Quickly reverse all frames in an animated GIF.
Quickly flip a GIF animation horizontally or vertically.
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 pixelate any region in a GIF animation.
Quickly blur any region in a GIF animation.
Quickly redact sensitive information from 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 increase the size of a GIF.
Quickly surround a GIF animation with a border.
Quickly add any text (captions, subtitles) on an animated GIF.
Coming soon These gif tools are on the way
GIF Creator
Create animated GIFs in your browser.
Analyze a GIF
Print GIF statistics (number of frames, colors, framerate, etc).
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.
Randomize a GIF
Randomly reposition GIF frames.
Unzoom a GIF
Decrease the size of a GIF.
Add GIF Background
Add a background to an animated GIF.
Remove GIF Background
Remove the background from an animated GIF.
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.
Change GIF Loop Count
Change how many times a GIF gets looped.
Change GIF Framerate
Change the framerate of a GIF.
Change GIF Quality
Change the quality of a GIF.
Change GIF Brightness
Increase or decrease brightness of a GIF.
Change GIF Contrast
Increase or decrease contrast of a GIF.
Make GIF Faster
Increase the framerate of a GIF.
Make GIF Slower
Decrease the framerate 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.
Convert GIF to Grayscale
Remove all color from a GIF and leave only gray tones.
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.
Optimize a GIF
Optimize GIF frames to use less memory.
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.
Sharpen a GIF
Sharpen an area in a GIF.
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.
Add a GIF Frame Counter
Add a counter that shows the current frame number.
Add a Timer to GIF
Add a running time clock to a GIF animation.
Add White Noise to a GIF
Add white noise pixels to an existing GIF.
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.
Debug a GIF
See low-level details about a GIF and its frames.
Glitch a GIF
Let Zalgo destroy a GIF animation.