The animated GIF has outlasted every prediction of its death. It survived the rise of video, the dominance of mobile, and the shift to social platforms that technically support better formats. It persists because it does something no other format quite replicates: it plays automatically, loops silently, and works everywhere — in emails, chat apps, social posts, documentation, and web pages — without a play button, a plugin, or a data connection requirement.

If you've wanted to make one but assumed it required Photoshop or some subscription tool, it doesn't. Here's everything you need to know to create animated GIFs from photos or video clips, set them up correctly, and keep the file size manageable.

What a GIF Actually Is (And Why It's Still Relevant)

GIF — Graphics Interchange Format — is a bitmap image format dating to 1987. Its animation capability works by stacking multiple image frames into a single file, each displayed in sequence at a defined interval. There's no audio track, no compression codec, and no streaming required. The entire file downloads and then loops.

That simplicity is what gives it staying power. An MP4 video embedded in an email may or may not play depending on the client. A GIF plays in every email client without exception. A video in a Slack message requires a click. A GIF plays inline, immediately, without interaction. For short loops — a product demo, a reaction, a quick tutorial step, a loading animation — nothing is more frictionless.

The tradeoff is file size. GIF uses a 256-color palette and lossless compression, which makes it efficient for flat graphics and animations with limited color ranges, but large and visually degraded for photographic content with gradients and fine detail. Keeping GIFs short, small in dimensions, and limited in color complexity is the key to using the format well.

Making an Animated GIF from Photos

The most common use case: you have a series of still images — product shots from different angles, a step-by-step process, a before/after comparison, screenshots of an interface flow — and you want them to cycle automatically.

The Animated GIF Maker on ImageToolShack handles this entirely in your browser. Here's the process:

1. Prepare your images. Consistency matters here. If your frames are different sizes, the GIF will resize them to match — which can cause jarring jumps between frames. Ideally, crop all your source images to the same dimensions before you start. The Crop Image tool can help if you need to standardize a set quickly. For web use, aim for a width of 480–800px; wider than that and file size balloons fast.

2. Upload your frames in order. The order you add them is the playback order. Most tools let you drag to reorder after the fact, but it's faster to have them named and selected in sequence from the start.

3. Set your frame delay. Frame delay is measured in hundredths of a second. A delay of 100 = 1 second per frame. For a slideshow-style GIF showing product images, 150–200 (1.5–2 seconds per frame) gives viewers enough time to take in each image. For a smooth animation effect, you want 4–8 frames per second, which means a delay of 12–25.

4. Set loop behavior. Loop count 0 means loop forever, which is almost always what you want for web use. If you're making something for a specific presentation context where you want it to stop after playing once, set loop count to 1.

5. Export and check the file size. Before publishing, look at the output file size. If it's over 3–4 MB, it's going to create a noticeable load delay. The fixes: reduce frame dimensions, reduce the number of frames, increase frame delay (fewer frames needed for the same content), or reduce color depth if the tool offers it.

Making an Animated GIF from a Video Clip

The other common starting point is a short video clip — a screen recording, a clip from a product demo, a moment from footage you've shot. Converting a section of video to GIF is how most reaction GIFs and product demo loops are made.

VideoToolShack's Video to GIF tool handles this directly in the browser. The key decisions when converting from video:

Keep it short. GIF is not a video replacement. A 3–6 second clip is the sweet spot. Beyond 10 seconds, file sizes become impractical for most uses, and the format's limitations (no audio, 256 colors, large files) become more apparent than its advantages.

Choose your segment carefully. You want a clip that either tells a complete micro-story or loops seamlessly. A loop that has an obvious start/end jump is distracting. The best GIF loops are ones where the end frame flows naturally back to the first — a bouncing animation, a rotating product shot, a cyclic process.

Frame rate for video-to-GIF. Video is typically 24–60fps. GIF does not need that many frames — and more frames means larger files. 10–15fps is usually sufficient for smooth-looking motion in a GIF. The tool will let you set this; dropping from 24fps to 12fps roughly halves the number of frames and significantly reduces file size.

Resize before or during conversion. A 1080p video converted to GIF at full resolution will produce an enormous file. Scale down to 480–640px wide. Most of the platforms and contexts where GIFs appear don't have space for anything wider anyway.

GIF File Size: The Practical Guide

File size is where most first-time GIF makers run into trouble. The numbers can be surprising — a 5-second clip that's only 480px wide can still come out at 8–10 MB if you're not careful. Here are the levers:

Dimensions have the biggest impact. Halving the width quarters the pixel count (and roughly quarters the file size, all else equal). If a GIF is only going to display at 320px wide, there's no reason to export it at 640px.

Number of frames is the second biggest factor. A 5-second clip at 15fps has 75 frames. The same clip at 8fps has 40 frames. The 8fps version will look slightly choppier but be nearly half the size. For many subjects — slow product rotations, step-by-step UI flows — 8fps is completely acceptable.

Color complexity matters more than people realize. GIF's 256-color limit means photographic images with gradients, skin tones, and complex backgrounds are encoded less efficiently than flat-color graphics. A GIF of a cartoon character will be far smaller than a GIF of a person against a detailed background, even at the same dimensions and frame count. If file size is critical, consider whether simplifying the background — using the Background Remover to isolate the subject against a plain color — could reduce complexity and file size.

A practical target: for web use, aim to keep GIFs under 2 MB. For email, under 1 MB. Larger GIFs will load slowly on mobile connections and may be blocked or stripped by some email clients.

GIF vs. Video: When to Use Which

Now that WebP animation and short-form video are widely supported, GIF isn't always the right choice. Here's a clear breakdown:

Use GIF when: you need guaranteed autoplay everywhere (especially email), you want a simple looping animation with no controls, you're sharing in a chat or messaging context where video embeds aren't reliable, or you're creating something with limited colors (illustrations, pixel art, simple animations) where GIF compression is efficient.

Use MP4/WebM video when: the content is longer than 5–8 seconds, the content has audio, the content is photographic or has complex color gradients, or you're embedding on a webpage where you can use the <video> tag with autoplay and muted attributes. A muted autoplaying MP4 looks identical to a GIF to the viewer but is typically 5–10x smaller in file size.

Use WebP animation when: you're embedding on a modern webpage and can confirm your audience isn't using Internet Explorer (which is not a concern for most sites at this point). Animated WebP offers better compression than GIF with more color depth, but has no advantage over GIF in email or chat contexts.

Adding Text and Effects to GIFs

If you're building a GIF from still images and want to add text overlays or captions to individual frames, the cleanest workflow is to add the text to each source image before importing into the GIF maker. The Add Text to Image tool lets you place custom text, choose fonts, colors, and positioning — do this to each frame individually, then bring the annotated images into the GIF Maker in sequence.

For adding borders or stylistic framing to each frame, the same approach applies: process your source images through the Add Border tool first, then assemble. Consistency across frames is what makes the result look intentional rather than thrown together.

When You Need More Than a Browser Tool

Browser-based GIF makers are the right choice for the vast majority of use cases — quick demos, social content, email animations, and web assets. But if you're doing heavier creative work — animating still photos with motion effects, adding cinematic movement to otherwise static images, or building multi-layered animations — you'll hit the ceiling of what a browser tool can do.

PhotoMirage from Corel is worth knowing about for this use case specifically. It's designed to take still photographs and add realistic flowing motion — water rippling, hair moving, clouds drifting — using a point-and-arrow interface that doesn't require any animation experience. The output can be exported as an animated GIF or video. It's particularly effective for landscape photography, portraits, and product imagery where you want to add life to a still photo without the complexity of traditional animation software.

If you want the complete creative package, the Photo Video Editor Bundle from Corel bundles PaintShop Pro Ultimate and VideoStudio Ultimate together — covering full photo editing, video production, and photo animation (PhotoMirage Express is included as bonus software) in a single download. There's currently a limited-time offer running: 30% off plus the Premium Slideshow Template Bundle and Artistic Effects Script Bundle free (a $170 value). It's the right choice if you're doing serious image and video work beyond one-off GIFs.

Optimizing GIFs for SEO and Web Performance

GIFs embedded on web pages carry a real page weight cost. A few things to keep in mind for web performance:

Lazy load your GIFs. Use the loading="lazy" attribute on GIF <img> tags so they don't block initial page render for visitors who never scroll to them.

Consider the <video> swap. As mentioned above, an autoplaying muted looping MP4 is functionally identical to a GIF in appearance but dramatically smaller. For GIFs on web pages where you control the HTML, this is almost always worth doing. Use <video autoplay loop muted playsinline> and serve an MP4 instead. VideoToolShack can handle the video compression side of that workflow.

Alt text for accessibility. Screen readers encounter GIFs as images. If your GIF conveys meaningful content (not just decoration), give it a descriptive alt attribute. If it's purely decorative, use an empty alt attribute (alt="") so screen readers skip it.

File naming. Name GIF files descriptively for the same reasons you'd name any image file well — product-rotation-demo.gif is better than animation1.gif for both search indexing and your own asset management.

The Animated GIF Maker is free, runs in your browser, and handles both photo sequences and video-to-GIF conversion. Start there, and you'll have a usable GIF in a few minutes.