How to make a GIF from an architecture video for email, and a looping clip for your website
How to make a GIF from an architecture video for email: why inboxes won't play video, GIF vs WebP vs a still with a play button, file size and ffmpeg steps.
In this article
You have a short project film and want it in the studio newsletter, a proposal follow-up or an email signature, moving, not as a link nobody clicks. Most inboxes won't play video, so the motion has to come from an animated image, and the same clip on your website should be a looping MP4 rather than a GIF. This guide covers which email clients play what, how to choose between a GIF, animated WebP and a still with a play button, exact ffmpeg commands plus ezgif and Photoshop routes, how to keep the file small, and the settings for a silent looping clip on a web page.
Key takeaways
- Video in email works in Apple Mail but not in Gmail, Yahoo or AOL, which strip the video tag; Can I Email puts overall support at about 24%, from tests last run in 2019.
- Animated GIFs play in Gmail and Apple Mail; older Outlook for Windows versions don't animate them, so the first frame has to work as a still.
- Animated WebP is a poor email choice: Can I Email reports that Gmail converts WebP to JPG and doesn't animate it.
- For email, cut two to four seconds of slow camera movement, crop it to about 600 pixels wide, and link the image to the full film on your website.
- On your own site, use a muted, looping, inline MP4 instead of a GIF; Safari on iPhone autoplays muted video and plays it inline with the playsinline attribute.
How to make a GIF from an architecture video for email
To make a GIF for email, cut a two- to four-second stretch of slow camera movement from the film, crop it to about 600 pixels wide, reduce it to 10 to 15 frames per second, and convert it with a two-pass palette (ffmpeg) or a web tool such as ezgif. Make sure the first frame looks good on its own, because some Outlook versions show only that, and link the GIF to the full video on your website. Email clients rarely play real video, so the GIF is the moving preview and the website is where the film plays.
The rest of this guide explains each choice and gives the commands.
Why your video won't play in an email
Email clients decide what HTML they render, and video is one of the least supported features. Can I Email, which tests features across clients, puts support for the video element at "19.51% + 4.88% = 24.39%" (full plus partial), and notes that in Gmail "video, source and track tags are replaced" or stripped, with fallback content shown instead (Can I Email, as of October 2026; last tested September 16, 2019). Outlook.com supports the element structurally, but the site notes it can't play because of a strict content security policy.
| Client | Video element | Animated GIF | Animated WebP |
|---|---|---|---|
| Apple Mail (macOS, iOS) | Supported | Supported | Supported |
| Gmail (web and apps) | Stripped, fallback shown | Supported | Converted to JPG, no animation |
| Yahoo Mail, AOL | Stripped | Supported | WebP supported; animation not confirmed |
| Outlook for Windows 2007–2019 | Not supported | Not animated | Not supported |
| Outlook with Microsoft 365 | No playback | Plays three times, then a play button | Not confirmed |
Sources: Can I Email pages for video, GIF (tested February 6, 2020) and WebP (tested February 6, 2021), as of October 2026. The test dates are old and clients change, so send tests to Gmail, Apple Mail and Outlook before a real campaign. The conclusion holds anyway: a GIF is the only moving format that works in most inboxes, and video belongs on a web page.
GIF, animated WebP or a still with a play button
| Option | Plays in | Quality | File size | Best for |
|---|---|---|---|---|
| Animated GIF | Nearly all clients; static in older Outlook | 256 colors per frame, so gradients band | Large for its quality | Newsletters, one-to-one emails |
| Animated WebP | Apple Mail, some others; not animated in Gmail | Better than GIF | Smaller than GIF | Not recommended for email |
| Still image with a play button | Everywhere | Full quality | Small | Formal emails, proposals, email signatures |
| Link only | Everywhere | n/a | n/a | When images are blocked by the recipient's settings |
A GIF carries at most 256 colors per frame. Buildings in daylight have a limited palette, so that's often enough; skies and soft interior light are where bands appear. For a client who reads in Outlook at the office, a sharp still with a play button, linked to the film, often looks more professional than a banded GIF.
Choose the right three seconds
A 30-second film doesn't fit in an email, and it doesn't need to. Choose one shot that explains the project and moves slowly.
- Slow push-ins and gentle orbits compress best, because each frame is close to the last; fast pans produce huge files.
- One continuous shot. A cut inside a short loop reads as a glitch, and slow movement hides the jump back to the first frame.
- A strong first frame. Older Outlook shows a still, and every client shows the first frame while the file loads.
- Crop for email. A full 9:16 frame is very tall in an email body; a 4:5 crop at 600 × 750 pixels keeps the building large.
For how much of a film to show where, the guide to video length by purpose has a quick table.
Make the GIF
With ffmpeg
ffmpeg is free and gives the best GIFs, because it can build a custom 256-color palette for your clip first. These two commands cut three seconds starting at second 6, crop the vertical film to 4:5, scale to 600 pixels wide at 12 frames per second, then build and apply the palette:
ffmpeg -ss 6 -t 3 -i film.mp4 -vf "fps=12,crop=1080:1350,scale=600:-1:flags=lanczos,palettegen=stats_mode=diff" palette.png
ffmpeg -ss 6 -t 3 -i film.mp4 -i palette.png -lavfi "fps=12,crop=1080:1350,scale=600:-1:flags=lanczos[x];[x][1:v]paletteuse=dither=bayer:bayer_scale=3" -loop 0 project.gif
From ffmpeg's built-in help (ffmpeg -h filter=palettegen, ffmpeg -h filter=paletteuse): palettegen builds a palette of up to 256 colors, and stats_mode=diff weighs the parts of the image that change. paletteuse defaults to error-diffusion dithering (sierra2_4a); bayer is an ordered pattern that compresses better, with bayer_scale (0 to 5) setting how visible it is. -loop 0 loops forever, and crop without an offset takes the center.
To make an animated WebP for your website or Apple Mail, if your ffmpeg build includes libwebp:
ffmpeg -ss 6 -t 3 -i film.mp4 -vf "fps=12,crop=1080:1350,scale=600:-1:flags=lanczos" -c:v libwebp_anim -loop 0 -quality 70 -an project.webp
With ezgif
ezgif's video-to-GIF converter takes MP4, MOV, WebM and other formats with a "max file size: 200MB," and the maximum clip length depends on frame rate: 60 seconds at 5 fps, 30 seconds at 10 fps (ezgif, as of October 2026). Upload the film, set start and end times, choose the size and frame rate, convert, then use the crop, resize and optimize tools on the result. It's the quickest route if you don't use a command line; check your contract before uploading unreleased client work to any online tool.
With Photoshop
Photoshop opens a video file as a video layer through File, Open, and you can scrub and trim it in the Timeline panel (Window, Timeline), per Adobe's help on importing video. Adobe's frame animation help shows the looping menu at the bottom of the Timeline panel with Once, Forever or Other. Set it to Forever, crop to 4:5, resize to 600 pixels wide and export as a GIF.
Keep the file small
A GIF downloads for every reader who opens the email, often on a phone connection, and a heavy one shows as a blank box for the first seconds. We aim for well under 1 MB for an email GIF; there's no universal limit, so check what your email platform accepts.
| Lever | Effect on file size | Effect on quality |
|---|---|---|
| Shorter clip (4 s down to 2 s) | Roughly halves it | Less of the move |
| Lower frame rate (15 to 10 fps) | Large reduction | Slightly jerkier motion |
| Smaller width (600 to 480 px) | Large reduction | Fine on phones, small on desktop |
Fewer colors (palettegen=max_colors=128) |
Moderate reduction | More banding in skies |
Ordered dithering (bayer) instead of error diffusion |
Moderate reduction | A visible fine pattern |
| Slower original camera move | Large reduction | Usually better |
Try one change at a time and compare. ezgif's optimizer can also apply lossy GIF compression to a finished file.
Put the GIF in the email
- Upload the GIF as an image, not an attachment, at a display width of 600 pixels or less.
- Link it to a web page with the full film, such as the project's case study page, rather than a raw video file. The case study page template shows where a film sits on that page.
- Write alt text that describes the project, such as "Clip of the Hillside House living room at dusk."
- Add a plain text link under it, such as "Watch the 30-second film," for readers who block images.
- Send tests to Gmail, Apple Mail and an Outlook desktop account.
The newsletter guide for architecture firms covers what else belongs in the email around it.
A looping MP4 on your website instead of a GIF
On a web page you control the player, so use video. WebKit's post on its iOS video policies explains that muted video elements may autoplay without a user gesture, that video with the playsinline attribute plays inline on iPhone instead of going full screen, and that playback pauses if the video becomes unmuted without a gesture or scrolls out of view; it even shows a looping, muted, inline video replacing a GIF (WebKit).
So the video element on your page should have four attributes, autoplay, muted, loop and playsinline, plus a poster image for the moment before it loads. Prepare the clip without an audio track, so there's nothing to unmute:
ffmpeg -ss 5 -t 5 -i film.mp4 -an -c:v libx264 -crf 24 -preset slow -pix_fmt yuv420p -movflags +faststart loop.mp4
ffmpeg -ss 7 -i film.mp4 -frames:v 1 -q:v 3 poster.jpg
-an drops the audio, -crf 24 trades a little quality for a smaller file, and +faststart lets the clip start before it fully downloads. For a full-width homepage hero rather than a clip inside a page, the website hero video guide covers file-size budgets, poster priority and reduced-motion settings.
Starting from an Arch2Video film
An Arch2Video film is a 1080 × 1920 vertical H.264 MP4 made of six connected five-second AI-generated scenes, which makes it easy to cut from: a two- to four-second window inside a single scene stays clear of the transitions between scenes. Pick the scene with the slowest movement for the email GIF and the strongest view for the poster image.
A logo film also comes in a no-logo version; use that for crops, since a 4:5 crop can cut a logo in half. Every film includes a few fictional people in at least one scene, so choose your seconds with that in mind, and if the project is unbuilt, write "concept design" next to the GIF.
Frequently asked questions
Can I embed a video directly in an email?
Only for some readers. Apple Mail plays embedded video, but Gmail, Yahoo and AOL strip the video tag and show fallback content, and Outlook.com blocks playback, according to Can I Email, whose tests put overall support at about 24%. The reliable approach is an animated GIF or a still image with a play button, linked to the full film on your website.
Why does my GIF only show the first frame in Outlook?
Outlook for Windows from 2007 to 2019 doesn't animate GIFs, according to Can I Email, so readers on those versions see a single still frame. Outlook with a Microsoft 365 account plays the animation three times, then shows a play button. Since you can't control which Outlook a client uses, design the first frame of the GIF so it works as a still image of the project on its own.
How big should a GIF be for an email?
Keep it around 600 pixels wide or smaller and as light as you can; we aim for well under 1 MB, because every reader downloads it when they open the email. The biggest savings come from a shorter clip, a lower frame rate (10 to 12 fps), a smaller width and a slower original camera move. Check your email platform's own upload limits before you send.
Is animated WebP better than GIF for email?
Not for email. Animated WebP files are smaller and look better than GIFs, but Can I Email reports that Gmail converts WebP images to JPG without animation and older Outlook for Windows doesn't support WebP at all. Use a GIF in email, and save WebP or, better, a muted looping MP4 for your own website, where you control the player.