Make a GIF clickable — with several links, not just one.

A GIF is a container of frames. There is no field in the format for a URL, no notion of a region, nothing an author could point at a destination. Every "clickable GIF" you have ever seen is really HTML doing the work, and there are only two ways to do it.

The first is wrapping the whole thing in an anchor — <a href="..."><img src="loop.gif"></a> — which gives you exactly one destination for the entire animation. The second is positioning separate elements over the image so that different areas lead to different places. That is what a hotspot layer is, and it is the only version that supports more than one link.

Hotspots are anchored to the image frame, not to the pixels inside it, so they don't follow a moving object. Three habits make that a non-issue:

• Anchor to stable regions. A product that stays put, a fixed label, a quadrant of the composition. Avoid pinning a marker to something that traverses the frame.
• Place from a representative frame. Pick a moment where everything you're labelling is visible, and position against that.
• Consider a still instead. If the animation exists mainly to draw attention, a still frame with visible markers often communicates better — the visitor can read at their own pace rather than waiting for the loop to come back around.

This is the most common reason people search for a clickable GIF, and the answer is disappointing. Email clients are a decade behind browsers:

The pattern that actually converts: put a single-link GIF in the email — with a strong first frame, since some recipients will only ever see that — and point it at a landing page carrying the interactive version. You get deliverability in the inbox and real interactivity on the page, and you can measure both.

GIF is an old format: 256 colours per frame and no modern compression. A five-second screen recording can easily land at 8 MB, which on mobile data is a very expensive way to show a loop. Before uploading:

1. Trim the loop to the shortest span that still reads.
2. Drop the frame rate to 10–15 fps — most GIFs don't need more.
3. Export at the width it will display at, not double it.
4. Reduce the palette; flat graphics survive 64 colours fine.
5. If it's still over roughly 2 MB, convert to MP4 or WebM — typically a tenth of the size at better quality — or use a still image with hotspots instead.

Our interactive image vs video vs GIF comparison works through when each format is genuinely the right call.

For still images, start with the clickable image maker or the image hyperlink generator. For the markup-level options, see making an image clickable without an image map and the CSS image map approach.