Skip to main content
Free tool

Preview how your email renders

Paste your HTML and see it at desktop and phone width, with a rough dark-mode view and a lint for markup that tends to break, before a recipient does.

Linter findings (1)
  • No viewport meta tag
    Add <meta name="viewport" content="width=device-width,initial-scale=1"> for mobile rendering.
Desktop · 600px
Mobile · 320px

The builder outputs email-safe HTML by default, so most of what this catches is markup written elsewhere.

Render preview · Free public tool
How the preview works

What the render preview shows, and its limits

Paste HTML and the page renders it at two widths: 600 pixels, a common width for email layouts, and 320 pixels, a small phone. Tick the dark mode box for a third view, an estimate made by swapping a handful of common light and dark colours. The preview updates as you type, with no account.

It is not a render from each email client. Gmail, Outlook and Apple Mail all change HTML in their own ways, so use this to catch layout problems early and send a test to real clients before a campaign goes out.

What the linter checks

Images without alt text; external stylesheets, which most clients strip; style blocks, where inline styles are more reliable; layouts built only from divs with no tables, which Outlook's Word-based renderer handles poorly; script tags, which every client removes; a missing viewport meta tag; and three or more font sizes under 14 pixels.

Render preview questions

Does this show how my email looks in Outlook or Gmail?

No. It renders your HTML in your own browser at two widths. Each mail client changes HTML in its own way, so the only exact test is sending a copy to the clients your readers use. The linter flags the markup most likely to break in them.

Why does my email look different in dark mode?

Many mail apps recolour emails in dark mode, and each does it differently: some leave your colours alone, some change only light backgrounds, some invert most colours. The dark view here swaps a short list of common colours to give a rough idea. Check logos and transparent images, which can vanish on a dark background.

Is my HTML sent anywhere?

Not to Email Digit. The preview and the checks run in your browser. Images in your HTML still load from wherever they are hosted.