Email marketing

GIFs that open inside every inbox

Q: Which clients support animated GIFs?

Gmail, Apple Mail, iOS Mail, Yahoo and the Outlook web and Mac apps all animate them. Outlook on Windows shows only the first frame — which is why frame one should stand on its own.

Q: How small does the file need to be?

Aim under 1MB, ideally under 600KB. A short loop at 12–15 fps, at email width, with restrained motion gets you there comfortably.

Q: Can I animate a product screenshot?

Yes — import the image, then pan, mask or push the camera across it. That reads far better in a GIF than cramming a whole UI flow into three seconds.

Email clients strip video, break CSS animation and ignore half your markup. A GIF always plays. Design it at the real size, keep it under the weight limit, and drop it into any template.

Join the waitlist See the editor

< 1MB: Target weight
3s: Sweet-spot loop
600px: Standard width

campaign-hero.gif

Export

50% off

Ends Sunday

Slide up

Pop in

Loop

How it works

Three steps, start to export

The same rhythm every time — build the scene, animate it, hand over the file.

Start at email width

Set the scene to 600 or 640px so what you see is what the inbox gets. No last-minute downscaling that turns your type to mush.

Keep the loop tight

Two to four seconds, ping-pong or restart, motion confined to one area. The timeline shows you exactly where the seam lands.

Export a light GIF

Trim the framerate and keep the motion restrained, then watch the file size before you download. Small enough for Outlook, sharp enough for retina.

Why Gramotion

Motion that survives the inbox

Email is the most hostile rendering target on the web. Working at the real size, with the real loop, from the start is what keeps a campaign from breaking on send day.

Seamless loops by design

Per-animation loop modes mean the first frame and the last frame agree. No stutter on the wrap, no awkward reset mid-scroll.

Weight you control

Framerate, duration and canvas size are all yours to trade off. Hit a size budget deliberately instead of discovering it in the send preview.

First frame is the fallback

Outlook on Windows shows frame one and stops. Compose that frame as a finished image so the static fallback still reads.

Output

Every placement, one project

Resize a scene and its contents scale with it — so one build covers each format you need to ship.

GIF · 600px wideLooping · 15 fpsNewsletter hero block

GIF · 300px wideLooping · 12 fpsInline and two-column rows

PNG · frame 1StaticOutlook fallback image

FAQ

Questions, answered

Which clients support animated GIFs?

Gmail, Apple Mail, iOS Mail, Yahoo and the Outlook web and Mac apps all animate them. Outlook on Windows shows only the first frame — which is why frame one should stand on its own.

How small does the file need to be?

Aim under 1MB, ideally under 600KB. A short loop at 12–15 fps, at email width, with restrained motion gets you there comfortably.

Can I animate a product screenshot?

Yes — import the image, then pan, mask or push the camera across it. That reads far better in a GIF than cramming a whole UI flow into three seconds.

More use cases

What else people build here

Same editor, same workflow — a different file at the end of it.

Put motion in the next campaign

Set the canvas to 600px, build a three-second loop, and export a GIF every client can render.

Join the waitlist See all use cases

Free plan available · No credit card required