Preview HTML emails in Outlook (Web)

Outlook on the web renders very differently from the desktop client, and differently again from Gmail — spacing and positioning are where it bites. Paste your HTML below and we render it in a real, logged-in Outlook account — then screenshot exactly what a recipient sees. Free, no sign-up.

Paste your HTML — free, no sign-up, renders in Outlook only

…or drop a .eml file onto the box, or .

What to watch for

What Outlook does to your HTML.

Rendered in Blink, in a real logged-in Outlook.com session — never an engine approximation, so what you see is what the recipient gets.

Its own spacing model

margins and padding resolve differently from Gmail, so a layout tuned for one commonly needs adjusting for the other.

Positioning and transforms

OWA has long-standing quirks around position and CSS transforms that shift elements out of place.

Junk-folder rendering

mail that lands in Junk renders with remote images blocked, which can silently change how the message looks.

Four ways to run it

Paste it, or wire it into your pipeline.

Every route below renders in Outlook. Drop the renders field and you get every live client instead.

Paste HTML

Live

Use the box above. Nothing to install, and the preview opens as soon as the render finishes.

REST API

Live

POST to /v1/jobs with "renders": [{ "client": "outlook" }], then poll for the screenshot. Works from any language — the full contract is in the OpenAPI spec.

MCP Server

Live

A hosted endpoint at /v1/mcp. Point Claude Code, Claude Desktop or Cursor at it and call submit_preview with outlook.

SKILLS.md

Live

An agent skill doc at /v1/skills.md — point your agent at it and it knows the whole workflow.

preview-in-outlook.sh
# Render this email in Outlook (Web) only — light AND dark mode
curl -X POST https://api.powerline.ai/v1/jobs \
  -H "Content-Type: application/json" \
  -d '{
    "html": "<html>…</html>",
    "subject": "Welcome aboard",
    "renders": [
      { "client": "outlook" },
      { "client": "outlook", "color_scheme": "dark" }
    ]
  }'

# -> { "job_id": "j_…", "poll_url": "/v1/jobs/j_…" }
# poll that until status is "completed", then read results.renders[]
Other clients

Passing in Outlook doesn’t mean passing everywhere.

Each client strips different CSS. The same HTML can look right in one and break in another, so it is worth checking the rest.

Gmail (Web)
Live

Gmail is the strictest of the major clients, and the one most likely to break a design that looked fine in the browser. Preview in Gmail →

Yahoo Mail (Web)
Live

Yahoo Mail is the one people skip — and the one that most often surprises them, because its inbox sorts mail before the recipient ever opens it. Preview in Yahoo Mail →

Test them all at once
Free email tools

Rendering is half of it.

Outlook also decides whether your message reaches the inbox at all, from your domain’s SPF, DKIM and DMARC, your reputation and your wording. Check those too, free and without sign-up.

SPF, DKIM, DMARC, MX, MTA-STS, BIMI and blacklists in one run, scored out of 100 with a list of what to fix first.

Paste the same HTML to flag trigger phrases, ALL-CAPS, exclamation runs and image-heavy layouts, with a calmer rewrite.

Paste the headers of a test send to see the SPF, DKIM and DMARC verdicts Outlook recorded and whether your From domain aligned.

All email tools