What animated pictures are and which tool fits your needs

An animated picture is a sequence of still images played in rapid succession to create the illusion of motion. The most common formats are GIF (which plays on loop in email, messaging, and web pages), MP4 video (which plays in most browsers and social media), and WebP animated (a newer format that compresses better than GIF). What you choose depends on where you want to use it: a GIF works in Slack or email, but video is better for social media because it uploads faster and plays more reliably.

The tool you pick depends on what you're starting with and how much control you want. If you have a series of still photos or screenshots, you need software that can layer them and set timing. If you're starting with video, you need an editor that can trim and export to your target format. If you want to draw frame-by-frame, you need animation software. Most people fall into the first category — turning existing images into a looping sequence — and that's the easiest route.

Key Takeaways

  • GIF works best for short loops under 10 seconds that will play in email or messaging apps; video formats work better for social media because they compress smaller and play more reliably.
  • Free tools like GIMP and Photopea can turn a folder of images into an animated GIF in under five minutes if you already have the individual frames.
  • If you're starting with video, Shotcut or DaVinci Resolve (both free) can trim it and export as GIF or MP4 without watermarks.
  • Frame-by-frame animation requires dedicated software like Aseprite (paid) or Krita (free), and takes significantly longer because you draw each image yourself.
  • The most common mistake is making the animation too fast — aim for 0.1 to 0.2 seconds per frame for smooth motion that doesn't look jarring.

Creating an animated GIF from still images

If you have a folder of images already (photos, screenshots, or artwork), GIMP is the fastest free option. Open GIMP, go to File > Open as Layers, and select all your images in order. GIMP will stack them as layers automatically. Then go to Image > Mode and make sure you're in RGB mode (not Grayscale). Go to File > Export As, choose GIF format, and name your file. A dialog will appear asking for animation settings — set the frame delay (in milliseconds) to 100 for a moderate speed, or 50 for faster motion. Check the "Loop forever" box so it repeats continuously.

If you don't want to install software, Photopea works in your browser and does the same thing. Upload your images, arrange them as layers, and export as GIF with the same timing settings. The process is identical to GIMP but requires no read. Both tools let you preview the animation before you save, so you can adjust the speed and see how it looks.

The file size matters if you're uploading to email or messaging. A 10-frame GIF at 500×500 pixels is usually under 2 MB. If your GIF is larger, reduce the number of frames (skip every other image) or shrink the dimensions slightly. Most email services accept files up to 25 MB, but smaller is better for loading speed.

Converting video into an animated GIF or MP4

If you're starting with a video file — a screen recording, a clip from your phone, or footage you've edited — Shotcut is a free editor that handles this without adding a watermark. Open your video in Shotcut, use the timeline to trim it to the section you want (click and drag the edges of the clip), then go to File > Export and choose your format. For GIF, select "Animated GIF" and set the frame rate (frames per second) to 10 or 12 for smooth motion. For MP4, select "MP4 - MPEG-4 Video" and use the default settings.

DaVinci Resolve is another free option that works similarly. Import your video, trim it on the timeline, and export. DaVinci Resolve is more powerful if you want to add effects or color correction, but Shotcut is simpler if you just need to trim and convert. Both run on Windows, Mac, and Linux.

Video formats compress much smaller than GIF, so if your animation is longer than 5 seconds or larger than 1000×1000 pixels, MP4 is usually the better choice. A 10-second MP4 is often 500 KB to 2 MB, while the same animation as GIF can be 5 to 10 MB. Most social media platforms (Twitter, Facebook, TikTok) prefer MP4 or WebM because they load faster.

Drawing frame-by-frame animation

If you want to create animation by drawing each frame yourself, Krita is a free option that includes animation tools. Open Krita, go to Windows > Dockable Dialogs > Animation, and you'll see a timeline at the bottom. Each frame is a separate layer. Draw your first image, then click the "New Frame" button to create the next layer. Draw the next position of your character or object, and repeat. Krita will show you a preview of the animation as you work.

Aseprite is the paid alternative ($20 one-time purchase) and is designed specifically for pixel art animation. It's faster for this type of work because every feature is built around frame-by-frame animation. You can set onion-skin (a semi-transparent view of the previous frame) to help you draw consistent motion, and the export options are built in.

Frame-by-frame animation is much slower than the other methods because you're drawing every single image. A 2-second animation at 12 frames per second requires 24 drawings. Most people use this method only for short clips, character animations, or pixel art. If you're new to animation, start with converting existing images or video instead.

Choosing the right frame rate and timing

The frame rate (how many images per second) determines how smooth your animation looks. Most animations use 10 to 12 frames per second, which looks smooth without being too large. Slower animations (6 to 8 fps) look choppier but create smaller files. Faster animations (24 fps or higher) look very smooth but create much larger files.

In GIF creation, you set this as "frame delay" in milliseconds. A delay of 100 milliseconds equals 10 frames per second. A delay of 50 milliseconds equals 20 frames per second. Start with 100 milliseconds and adjust based on how the animation looks in preview. If it feels too slow, drop to 80 milliseconds. If it feels too fast or jerky, increase to 120 milliseconds.

The most common mistake is making the animation too fast, which makes it look like a strobe light. Test your animation on the device where it will be used — a GIF that looks fine on your desktop monitor might feel too fast on a phone. Most animation tools let you preview at actual speed, so use that before you export.

Reducing file size without losing quality

If your animated GIF is too large to upload, reduce the number of frames first. If your animation has 30 frames, try removing every other frame (keeping frames 1, 3, 5, 7, and so on). This cuts the file size roughly in half and usually doesn't look noticeably different if you adjust the timing slightly to compensate.

Shrinking the dimensions is the second option. A 1000×1000 pixel animation can be reduced to 600×600 or 500×500 without looking obviously pixelated on most screens. In GIMP, go to Image > Scale Image and enter new dimensions. Keep the aspect ratio locked so it doesn't distort.

Reducing the color palette works for some animations. In GIMP, go to Image > Mode > Indexed and choose a lower number of colors (128 or 256 instead of millions). This is most effective for straightforward graphics or illustrations. Photographs usually look worse with reduced colors.

For video formats, lowering the resolution (1280×720 instead of 1920×1080) or the bitrate (in the export settings) reduces file size. Most social media platforms compress video anyway, so you don't need broadcast quality. A 1280×720 MP4 at 5 Mbps bitrate is usually sufficient and much smaller than a GIF.

Where to use animated pictures and format recommendations

GIF works best in email, Slack, Discord, and messaging apps because these platforms display it inline without requiring a click to play. GIF also works on most websites and in social media comments. The downside is file size — a 5-second GIF can be 3 to 5 MB, which is large for email.

MP4 and WebM video formats are better for social media feeds (Twitter, Facebook, Instagram, TikTok) because they compress much smaller and play more reliably. Most of these platforms accept MP4 natively. WebM is smaller but not supported everywhere, so MP4 is the safer choice unless you know your audience uses a platform that prefers WebM.

WebP animated is a newer format that compresses better than GIF (often 25 to 35 percent smaller) but isn't supported in older browsers or email clients. Use it only if you control where it will be viewed — a website you own, or a platform that explicitly supports it.

Frequently Asked Questions

Can I make an animated picture from a video on my phone?

Yes. Transfer the video to your computer, open it in Shotcut or DaVinci Resolve, trim the section you want, and export as GIF or MP4. If you want to do it on your phone, apps like Giphy Cam or ImgPlay can convert short video clips to GIF, though the quality and file size control are more limited than desktop software.

What's the difference between GIF and MP4 for the same animation?

MP4 is usually 5 to 10 times smaller than GIF for the same animation. GIF works in more places (email, older websites) but MP4 is better for social media and modern browsers. If you're uploading to social media, use MP4. If you need it to work in email, use GIF.

How many frames do I need for smooth animation?

Most animations look smooth at 10 to 12 frames per second. A 2-second animation needs 20 to 24 frames. Fewer frames (6 to 8 fps) looks choppier but creates smaller files. More frames (24+ fps) looks very smooth but creates much larger files. Start with 12 fps and adjust based on how it looks in preview.

Can I add text or effects to my animation?

Yes, but it depends on your starting point. If you're making a GIF from still images, you can add text or effects to each image before importing them into GIMP. If you're converting video, Shotcut and DaVinci Resolve both have text and effect tools. Krita and Aseprite can add effects during frame-by-frame animation, though this is more complex.

Why does my GIF look blurry or pixelated?

This usually happens when you reduce the color palette too much or shrink the dimensions too far. If you reduced colors, try increasing the palette back to 256 colors. If you shrunk the dimensions, try a larger size. If the original images were low resolution, the animation will be too — start with higher-quality source images.