EML viewer
Drop in an EML or HTML file to inspect its headers, rendered email, source code, and available attachments directly in your browser.
Use free toolUpload an HTML or EML email, choose the viewport and scroll speed, then generate an animated GIF for presentations, portfolios, and campaign recaps.
Free browser tool
Your email is rendered and encoded locally in this browser.
How it works
Choose a self-contained HTML or EML email file.
Set the viewport width, height, and scrolling speed.
Preview the email, generate the animation, and download the GIF.
Need the whole email?
This free tool handles one small job. Emailify handles the complete workflow: responsive design, reusable components, breakpoint previews, and HTML export for Gmail, Outlook, Apple Mail, and 40+ email platforms.
Questions
Browsers restrict how cross-origin assets can be drawn into downloadable images. Self-contained HTML with embedded images produces the most reliable result.
No. Rendering and GIF encoding happen locally in your browser.
No. It is a shareable visual preview. Gmail, Outlook, Apple Mail, and other clients can render the underlying HTML differently.
Free practical guide
A scrolling email GIF turns a tall campaign into one portable visual that can be placed in a presentation, portfolio, campaign recap, or social post. It is a communication format for showing the design—not a substitute for testing the underlying HTML in real email clients.
Quick answer
Choose a self-contained HTML or EML file in the free tool above, select the viewport dimensions and scroll speed, preview the message, and generate the GIF locally. Embedded images work best because browsers may block external assets from being captured into a downloadable image.
A static screenshot can hide most of a long campaign, while a screen recording may be awkward to embed or loop. A scrolling GIF gives viewers a quick sense of hierarchy, pacing, imagery, and overall length without asking them to open an EML file or visit a hosted campaign archive.
Common uses include creative reviews, design portfolios, internal launch notes, pitch decks, client approvals, and before-and-after examples. The format is especially useful when the audience needs to understand the visual result but does not need to inspect individual links or copy every line of text.
Use the final or near-final email HTML so the animation represents the actual campaign. A self-contained file with embedded image data is the most dependable input. Remote images can fail when their host does not allow the browser to read pixels for local image generation.
Choose a viewport that matches the story you want to tell. Around 600 pixels is a common desktop email width, while a narrower viewport can demonstrate the mobile layout. The viewport height controls how much is visible at once and therefore changes the perceived speed of the animation.
| Setting | Practical effect |
|---|---|
| Viewport width | Shows a desktop or mobile representation of the email. |
| Viewport height | Controls how much content is visible in each frame. |
| Scroll speed | Changes viewing time and the number of generated frames. |
| Embedded assets | Improve the chance that images appear in the downloaded GIF. |
GIF is convenient but not highly efficient for photographic content. A very tall email, large viewport, slow animation, or many frames can produce a heavy file. Start with a shorter viewport and a moderate scroll speed, then generate a second version only if the first moves too quickly.
Compress or simplify large images before they enter the email, avoid unnecessary animation inside the source campaign, and crop unrelated whitespace. If the destination supports modern video, an MP4 screen recording can be smaller; use GIF when automatic looping and simple embedding matter more than file efficiency.
No. The GIF records a browser-rendered representation of the supplied file. Gmail, Outlook, Apple Mail, and other clients use different rendering engines and can change CSS, images, fonts, dark mode, and responsive behavior.
Use the scrolling GIF to communicate the design and use an email testing workflow to verify client support. Keeping those jobs separate prevents a polished animation from being mistaken for evidence that the campaign is ready to send everywhere.