TL;DR
Export MP4 by default. It plays everywhere, every ad platform takes it, and it's small. Export a GIF only where video can't play, which in practice means email, and keep it short and under about 1 MB. Export WebM for your own website, especially for background loops and anything with a transparent background, with an MP4 fallback for Safari. If a designer or video editor is taking the file further, give them a ProRes 4444 MOV or a PNG sequence instead. One video, three or four exports, each one going where it plays best.
What's the difference between MP4, GIF and WebM?
They're all ways of packing moving pictures into a file, but they were built for different jobs, and it shows.
MP4 is the default video file of the internet. Almost always it holds H.264 video, which every phone, browser, laptop and ad platform can play. It's small, it carries sound, and it looks sharp.
GIF is an image format from 1987 that happens to animate. It's limited to 256 colors per frame, has no sound, and doesn't use modern video compression, so it's big for what it shows. Its superpower is that it plays almost anywhere an image can go, including inside an email.
WebM is an open video format made for the web. It's usually even smaller than MP4 at the same quality, and with the VP9 codec it can keep a transparent background. The catch is support outside browsers: ad platforms and most apps want MP4 instead.
Two more show up when someone else is finishing the video. MOV with ProRes 4444 is a big, high-quality file editors love, with transparency. A PNG sequence is every frame saved as its own transparent image, the safest hand-off to a designer.
Which video format should you export for marketing?
| Format | Sound | Transparent background | File size | Plays | Use it for |
|---|---|---|---|---|---|
| MP4 (H.264) | yes | no | small | everywhere | ads, social, YouTube, your site, sales decks |
| GIF | no | on/off only, rough edges | large | anywhere an image goes, including email | email, docs, quick previews in chat |
| WebM (VP9) | yes | yes, in Chrome, Edge and Firefox | smallest | modern browsers | website loops, overlays, landing pages |
| MOV (ProRes 4444) | yes | yes, clean edges | very large | video editors, Macs | handing off to Premiere, Final Cut, DaVinci, After Effects |
| PNG sequence | no | yes, lossless | very large (one image per frame) | any design or compositing tool | compositing, frame-perfect edits, stills |
How big is the gap in practice? In Google's own web.dev example, the same animation was 3.7 MB as a GIF, 551 KB as an MP4 and 341 KB as a WebM. That's roughly a tenth of the weight for the same moving picture, which matters a lot on a landing page loading over a phone connection.
Where does each format actually play?
This is the part most format guides skip. The right file isn't about which format is “best”, it's about where the video is going. Here's the cheat sheet.
| Where it's going | Export | Watch out for |
|---|---|---|
| Meta ads (Facebook, Instagram) | MP4 | GIF is accepted, but MP4 or MOV upload more smoothly and look better |
| TikTok ads | MP4 (H.264) | MOV also works, GIF isn't a video ad format here |
| LinkedIn sponsored video | MP4 | MP4 is the only accepted format, up to 200 MB |
| YouTube and Shorts | MP4 | upload the highest resolution you have, YouTube re-compresses anyway |
| X posts | MP4, or GIF for short loops | GIFs have a file size cap, MP4 looks sharper |
| email newsletters and sales emails | GIF | keep it under ~1 MB and ~600 px wide; Outlook 2016 on Windows shows only the first frame |
| website hero or background loop | WebM, with MP4 fallback | set it to autoplay, loop, muted and playsinline so it behaves like a GIF |
| website overlay with a transparent background | WebM (VP9 with alpha) | Safari doesn't play transparent WebM, it needs an HEVC file with alpha instead |
| Slack, Notion, docs, README files | GIF for short loops, MP4 for anything with sound | a GIF plays in place without anyone pressing play |
| a video editor or designer | ProRes 4444 MOV or PNG sequence | huge files, send a link, not an attachment |
Ad platforms change their specs now and then, so give each ad manager's upload screen a quick look before a big launch. The pattern has held for years, though: ads want MP4, inboxes want GIF, your own site wants WebM.
When should you still use a GIF?
Email is the big one. Most inboxes won't play a video file inline, but they'll happily show an animated GIF, which is why a three-second loop of your product in action still beats a “watch the video” button in a newsletter. Gmail, Apple Mail and current versions of Outlook animate GIFs. Older Outlook on Windows shows only the first frame, so design that frame to make sense on its own: the logo, the headline, the finished state of the product.
GIFs also earn their place in quick, silent loops inside tools people already have open: a feature preview in Slack, a how-it-works clip in a help doc, a README. Nobody has to press play.
Where GIFs lose is anything long, colorful or detailed. Gradients band, photos get grainy, and file sizes climb fast. If a GIF is over a few megabytes, it's a sign that piece should be an MP4.
How do you get a small GIF that still looks good?
Keep it short. Two to six seconds that loop cleanly. The loop is the content.
Make it smaller. 600 px wide is plenty for email. Doubling the width roughly quadruples the pixels you're paying for.
Use flat colors. Motion graphics with solid shapes and clean type compress far better as GIFs than footage or gradients do. This is one place where designed motion beats filmed video by a mile.
Lower the frame rate. 15 frames a second usually looks fine for a GIF and cuts the size a lot.
Make the first frame work alone. For Outlook, and for anyone whose inbox doesn't load images until they tap.
When do you need a transparent video?
Transparency means the video has no background, so whatever is behind it shows through. That's what you want for an animated logo sitting on top of a website section, a lower-third dropped over interview footage, or a sticker-style element in someone else's edit.
For the web, a WebM with VP9 keeps transparency in Chrome, Edge and Firefox. Safari supports VP9 but not with transparency, so for Safari visitors you need an HEVC file with alpha as a second source, or a plain MP4 on a solid background as the fallback. For handing off to an editor, ProRes 4444 MOV or a PNG sequence both keep a clean transparent edge.
If none of this applies to you, don't worry about it. Most marketing video is a rectangle with a background, and MP4 is the right answer.
What's the easiest export workflow for a small team?
Make the video once, then export it once per destination. A typical set for one launch looks like this: an MP4 in each aspect ratio you're running ads in, a short GIF of the best three seconds for the newsletter, and a WebM loop for the landing page hero. If you're running ads in several shapes, our guide to prompting scroll-stopping social ad motion covers what to put in them.
Tools differ a lot here. Many AI video generators only give you an MP4, so you end up running it through a converter for the GIF and losing quality on the way. Some motion tools gate WebM or ProRes behind paid plans. In fluos, the same composition exports as MP4, GIF, WebM, ProRes 4444 MOV or a PNG sequence from one export dialog, and WebM and MOV keep transparency and audio, so you don't need a converter in between. All five formats are available on every plan, and exports on the free plan carry a small “Made with Fluos” badge. A few limits are worth knowing: GIFs are capped at 720 px wide, PNG sequences have no audio, and transparency only carries through when the composition itself has no background (ask the agent to remove one if needed). Details are in the exports docs.
If you're making a product demo and wondering which of these files goes where, our guide to SaaS product demo videos walks through the whole thing from screenshots to a finished clip.
What are the most common export mistakes?
A 20 MB GIF on a landing page. It slows the page and looks worse than a WebM a tenth of the size.
Converting the converted file. MP4 to GIF to MP4 again loses quality at every step. Always export from the original.
A video file attached to an email. Most people will never open it. Use a GIF that links to the full video instead.
Forgetting Safari. A transparent WebM looks perfect in Chrome and shows up broken or missing on every iPhone. Always set a fallback.
Sending ProRes to an ad platform. It's built for editing, not for uploading. Ads want MP4.
Frequently asked questions
- What is the best video format for marketing videos?
- MP4 with H.264. It plays on every device and browser, every major ad platform accepts it, and the files are small. Use GIF for email and WebM for your own website on top of it.
- Should I use MP4 or GIF?
- Use MP4 wherever video can play, which is almost everywhere. Use GIF only where it can't, mainly email, and keep the GIF short, small and under about 1 MB.
- Is WebM better than MP4?
- For your own website, often yes: WebM files are usually smaller at the same quality and can have a transparent background. For ads, social platforms and sharing files with people, MP4 is the safer choice because it plays everywhere.
- Can you put a video in an email?
- Most email clients won't play an embedded video. The common approach is an animated GIF of a few seconds that links to the full video on your site or YouTube.
- What AI tool exports marketing videos as MP4 and GIF?
- Many AI video generators export MP4 only, so you need a converter for the GIF. Prompt-based motion tools like fluos export MP4 and GIF directly, plus WebM, ProRes 4444 MOV and PNG sequences for transparent and editor-ready files. Every format is available on every plan; exports on the free plan carry a small "Made with Fluos" badge.
- Which video formats support a transparent background?
- WebM with VP9 (in Chrome, Edge and Firefox), HEVC with alpha (in Safari), ProRes 4444 MOV and PNG sequences. MP4 with H.264 and standard GIFs can't hold proper transparency.