GDPR Compliance

We use cookies to ensure you get the best experience on our website. By continuing, you accept our use of cookies, privacy policy and terms of service.

Inbox Preview & Email Client Testing

See Your Email Through
Every Subscriber's Eyes.

Your email looks different in Gmail, Outlook, Apple Mail, and on mobile — sometimes completely broken. Migomail previews your email across 90+ client and device combinations before you send, so design problems, rendering failures, and dark mode breakages are caught in testing, not in your subscribers' inboxes.

90+ Client Previews Dark Mode Testing Mobile Previews Images-Blocked View HTML Rendering Check
Migomail Inbox Preview
90+
Client & Device Previews
Full
Dark Mode Coverage
40+
Mobile Previews
Yes
Images-Blocked View
< 2m
Full Preview Generation
4.9★
Customer Rating
Inbox Preview Capabilities

Catch Rendering Failures Before
They Reach Your Subscribers

HTML email is not universal — the same code renders completely differently in Gmail, Outlook, Apple Mail, and on mobile devices. A design that looks perfect in one client may be completely broken in another. Migomail shows you every version before you send.

01

90+ Client and Device Previews

Preview your email across 90+ combinations of email clients, operating systems, and device types — Gmail (Web, iOS, Android), Outlook (2016, 2019, 2021, 365, Web), Apple Mail (Mac, iOS), Yahoo Mail, Samsung Mail, and more. Each preview is a real rendering from the actual client, not a simulation — generated by sending your email to a live instance of each client and capturing a screenshot.

90+ client / device combinationsReal client rendering screenshotsUpdated to latest client versionsNew clients added as released
02

Dark Mode Preview

Dark mode email rendering is one of the most inconsistent areas in all of HTML email — different clients invert colours, override backgrounds, and change text colour in completely different ways. Migomail generates a dark mode preview alongside each standard preview, so you can see exactly what your email looks like when a subscriber has dark mode enabled on Gmail, Outlook, or Apple Mail.

Dark mode screenshot per clientColour inversion detectionBackground override identificationSide-by-side light/dark comparison
03

Mobile & Tablet Previews

Over 60% of emails are opened on mobile devices. Migomail generates previews across all major mobile configurations — iPhone (small, large, plus), iPad, Android flagship, Android mid-range — in both portrait and landscape orientations, with both iOS Mail and Gmail app rendering shown for each device size.

40+ mobile device previewsPortrait and landscape orientationsiOS Mail and Gmail app renderingRetina and standard display variants
04

Images-Blocked Rendering

Corporate email environments and some personal clients block images by default. An email where all images are blocked and there is no alt text becomes unreadable. Migomail generates an images-blocked preview showing exactly what your email looks like without images — forcing you to verify that alt text is present, CTAs are still visible, and the email communicates its message without images.

Images-blocked preview per clientAlt text visibility checkCTA accessibility without imagesFallback background colour check
05

HTML Rendering Analysis

Alongside the visual previews, Migomail analyses your HTML for client-specific rendering problems — CSS properties not supported in Outlook, MSO conditional comments needed, VML fallbacks missing for rounded buttons, web fonts not loading in Gmail, and background images stripped by certain clients. The analysis maps each identified issue to the specific clients it affects.

Per-client CSS support analysisMSO conditional comment detectionVML fallback check (Outlook)Web font fallback evaluation
06

Subject Line & Preheader Preview

The inbox view matters before the email is even opened. Migomail previews how your subject line and preheader appear in the inbox list view across different clients — checking for truncation at different display widths, showing how emoji render at various clients, and flagging subject lines that get cut off before the key message.

Inbox list view per clientSubject line truncation checkPreheader visibility checkEmoji rendering per client
07

Side-by-Side Comparison

Compare two versions of your email side by side across all clients simultaneously — for example, compare the current version against a revised version with a different hero image or CTA layout. Changes that look identical in one client but render differently in another are immediately visible in the comparison view.

Two-version side-by-side modeDifference highlightingClient filter to show only differencesShareable comparison link
08

Live Re-Preview After Edits

After making changes to your email template based on the preview results, regenerate all previews with a single click directly from the template editor — without leaving the campaign workflow. The preview panel updates with fresh screenshots within 2 minutes of triggering a regeneration.

One-click preview regenerationPreview from inside campaign builder< 2 minute full regenerationPreview history per template
Same Email. Three Clients. Three Experiences.

Why Your Email Looks Great in Gmail
and Broken in Outlook

The same HTML email renders differently across clients because each email client has its own rendering engine with its own CSS support, image-handling rules, and dark mode behaviour. Migomail shows you every version before you send.

Gmail Web
G
sender@brand.com
10:42 AM
Your exclusive offer, Priya 🎁
Claim your 20% discount before Friday

Your Exclusive 20% Off
Offer Expires Friday

Hero image renders correctly
Google Font loads (Roboto supported)
CTA button renders with rounded corners
Background colour preserved
Outlook 365
O
sender@brand.com
10:42 AM
Your exclusive offer, Priya 🎁
Claim your 20% discount before Friday

Your Exclusive 20% Off
Offer Expires Friday

Hero image renders (VML fallback active)
Google Font fails — falls back to Arial
CTA button: corners appear square (Outlook ignores border-radius)
Background image stripped — flat colour shown
Apple Mail
sender@brand.com
10:42 AM
Your exclusive offer, Priya 🎁
Claim your 20% discount before Friday

Your Exclusive 20% Off
Offer Expires Friday

Hero image renders correctly
Apple system font loads (San Francisco)
CTA button renders perfectly
Dark mode: inverts logo to negative — fix with prefers-color-scheme
CSS Rendering Compatibility

Every CSS Property You Use —
Which Clients Actually Support It

Not all CSS works in all email clients. Outlook's rendering engine (based on Microsoft Word's HTML engine, not a browser) is the most restrictive. Gmail strips certain properties. Knowing what is and is not supported prevents the most common class of inbox preview failures.

CSS Property
Gmail
Outlook
Apple Mail
iOS Mail
Android Gmail
border-radius rounded corners
✓ Full
✓ Full
✓ Full
✓ Full
✓ Full
background-image CSS background images
~ Partial
✗ None
✓ Full
✓ Full
~ Partial
Web fonts (@font-face) Custom typefaces
✗ None
✗ None
✓ Full
✓ Full
~ Partial
flexbox display:flex flexible layouts
~ Partial
✗ None
✓ Full
✓ Full
~ Partial
CSS grid grid layout system
~ Partial
✗ None
✓ Full
✓ Full
~ Partial
max-width responsive width control
✓ Full
~ Partial
✓ Full
✓ Full
✓ Full
position:absolute absolute positioning
✗ None
✗ None
✓ Full
~ Partial
✗ None
CSS animations @keyframes
✗ None
✗ None
~ Partial
~ Partial
✗ None
prefers-color-scheme dark mode CSS
✗ None
~ Partial
✓ Full
✓ Full
~ Partial
padding shorthand padding:10px 20px
✓ Full
~ Partial
✓ Full
✓ Full
✓ Full
margin auto centring elements
~ Partial
✗ None
✓ Full
✓ Full
~ Partial
VML fallbacks Outlook-specific shapes
✓ Full
✓ Full — works correctly ~ Partial — limited or buggy support ✗ None — not supported — N/A
Dark Mode Rendering

82% of Smartphone Users Have
Dark Mode Enabled — Is Your Email Ready?

Dark mode email rendering is not a single standard — each client applies it differently. Gmail auto-inverts colours. Outlook partially inverts. Apple Mail applies a sophisticated transformation. The result: your carefully designed email can look completely broken in dark mode without the right CSS fixes.

Light Mode
Standard rendering — all clients
Green hero background — renders correctly
Body background: white — correct
Dark logo on white — clearly visible
CTA button — green, readable on white
Dark Mode (without fix)
Gmail / Outlook auto-inversion
Hero: green inverted to dark teal — acceptable
Body: dark background applied by Gmail — cannot control without fix
Logo: white on white background — invisible (needs prefers-color-scheme CSS)
CTA: auto-inverted to teal — check contrast ratio

Migomail's dark mode preview shows you the "without fix" rendering so you can add @media (prefers-color-scheme: dark) rules to override Gmail and Outlook's auto-inversion for critical elements like your logo.

How It Works

From Email Template to 90+ Previews
in Under 2 Minutes

Inbox preview is built directly into the Migomail campaign builder — trigger previews at any point in your email build, not just at the pre-send review step.

01
Open Preview Panel
Click "Inbox Preview" from the campaign builder sidebar, the template editor toolbar, or the pre-send review screen. Select the clients you want to preview — or choose "All Clients" to generate the full 90+ set.
02
Email Submitted
Migomail submits your current email template to its preview rendering infrastructure — a network of live email client instances. Your email is sent to real accounts in each client environment.
03
Screenshots Captured
Each client renders the email and Migomail captures a screenshot. Dark mode screenshots are captured alongside standard previews for every client that supports dark mode.
04
Analysis Generated
Alongside the visual screenshots, Migomail analyses your HTML and CSS against client-specific compatibility rules, flagging any properties that are unsupported or partially supported in specific clients.
05
Review, Fix, Re-Preview
Browse the full preview gallery, filter by client group (desktop / mobile / dark mode), spot rendering issues, make fixes in the template editor, and re-generate previews to confirm fixes before sending.
What Rendering Issues Cost You

Your Subscribers Use Every Client —
A Broken Rendering in Any One Costs Real Revenue

A rendering failure in Outlook affects approximately 22% of subscribers. In Gmail on mobile, it affects 41%. In dark mode across all clients, it affects up to 82% of mobile openers. This is the revenue cost of untested rendering.

Email Client Market Share (Global · 2024–2025)
Source: Email client usage data
G
Gmail (all platforms)
58%
O
Outlook (desktop + web + app)
22%
Apple Mail (Mac + iOS)
11%
Y
Yahoo Mail
6%
A
Android Gmail / Other
3%
Outlook
~22% of subscribers
+22%
Revenue Recovered from Outlook Rendering Fix

Outlook's rendering engine (based on Microsoft Word, not a browser) breaks CSS properties that work everywhere else — border-radius, background-image, flexbox. An Outlook rendering failure is invisible to Gmail users testing internally but affects 22% of your audience.

  • Add MSO conditional comments for Outlook
  • Use VML fallbacks for rounded buttons
  • Replace background-image with solid colours
  • Use table-based layout for Outlook sections
Gmail Mobile
~41% on mobile of subscribers
+41%
Revenue Recovered from Mobile Gmail Fix

Gmail on mobile handles images, tables, and CSS differently from Gmail on desktop. An email that looks perfect on Gmail web can have broken column layouts, oversized images, or unresponsive CTAs on Gmail mobile — affecting the largest single email client group.

  • Add meta viewport tag for mobile scaling
  • Use max-width on images for mobile
  • Stack 2-column layouts to 1-column on mobile
  • Test CTA button tap target size (44px minimum)
Dark Mode
~82% of mobile users of subscribers
+82%
Subscribers Using Dark Mode That Need Correct Rendering

Dark mode is now the default setting for 82% of smartphone users globally. Email clients apply dark mode in different ways — Gmail auto-inverts, Outlook partially overrides, Apple Mail applies a sophisticated transformation. Without explicit dark mode CSS, logos, backgrounds, and CTAs can become unreadable or invisible.

  • Add @media (prefers-color-scheme: dark) CSS
  • Use transparent PNG logos with light-mode fallback
  • Test critical brand elements in dark mode preview
  • Use data-ogsc / data-ogsb attributes for Outlook dark
90+
Client & Device Previews
< 2m
Full Preview Generation
82%
Mobile Users with Dark Mode
4.9★
Customer Rating
What Email Designers Say

From Email Developers and Designers
Using Migomail Inbox Preview

Feedback from email template designers, developers, and campaign managers who use Migomail inbox preview to catch rendering issues before they reach subscribers.

★★★★★

We are a B2B company and our subscriber base skews heavily towards corporate environments — which means a significant portion of our list uses Outlook, often 2016 or 2019, not the newer 365. Before Migomail inbox preview, we would design templates that looked perfect in Gmail and then discover post-send that the two-column layout was completely collapsed in Outlook 2016, putting all the content in a single narrow column in the top-left corner. It looked terrible. After our first preview test with Migomail showed us the Outlook failure, we spent one afternoon adding the right MSO conditional comments and table fallbacks. Our next campaign Outlook rendering rate went from "broken" to pixel-perfect. Our click rate in the Outlook segment increased by 34% in the following month.

Sonal Gupta
Sonal Gupta
Email Designer, Enterprise SaaS
★★★★★

As an agency we now run Migomail inbox preview on every client campaign as a mandatory pre-send step — no exceptions. The time it saves on reactive fixes is the main value: one thorough preview test before sending is 20 minutes. One emergency investigation after a client calls to say their email looks broken in Outlook is half a day. More importantly, catching a broken rendering before it sends preserves client trust in a way that fixing it after the fact never fully does. The preview test is the single process change that has had the largest positive impact on our client satisfaction metrics in the past 12 months.

Meghna Sharma
Meghna Sharma
Creative Director, Email Marketing Agency

Ready to See Your Email Through Every Subscriber's Eyes?

Generate 90+ previews across Gmail, Outlook, Apple Mail, mobile, and dark mode before your next send — and fix rendering issues that have been silently breaking your campaigns.

star-1
star-2
Hero image

“Rackwave Technologies has significantly improved our marketing performance while providing reliable cloud services. We’ve been using their solutions for a while now, and the experience has been seamless, scalable, and results-driven.”

David Larry

Founder & CEO

Have a question or feedback? Fill out the form below, and we'll get back to you as soon as possible.

Sending your message…

Trusted for overall simplicity

Based on 400+ reviews with customer satisfaction on
Trustpilot Trustpilot Trustpilot Trustpilot Trustpilot Trustpilot Trustpilot Trustpilot Trustpilot Trustpilot Trustpilot Trustpilot
FAQ

Frequently Asked Questions

Common questions about inbox preview and email client rendering.

  • How does inbox preview actually work — is it a simulation or a real render?

    Migomail's inbox preview uses real rendering — not simulation. Your email is actually sent to a live seed mailbox at each email client, and the email client renders it in a real environment (live browser for webmail clients, actual installed application for desktop clients, real device for mobile clients). A screenshot is captured from the rendered email and returned to your preview gallery. This is why the previews accurately show rendering differences that a CSS simulation would not catch — because Outlook's rendering engine, for example, has specific bugs and quirks that only appear when a real Outlook installation renders the HTML.

  • Why does my email look different in Outlook compared to every other client?

    Outlook (desktop versions 2007–2021) renders HTML email using Microsoft Word's HTML rendering engine — not a browser engine like Chrome or WebKit. Word's HTML renderer was designed for word processing documents, not web content, and has very limited CSS support. It does not support border-radius (rounded corners), background-image CSS, flexbox, CSS grid, or position:absolute, among many other standard CSS properties. Outlook 365 (the web version) uses a browser-based renderer and has much better CSS support. Migomail's compatibility matrix shows exactly which properties are and are not supported in each version.

  • What is dark mode email rendering and why does it matter?

    Dark mode rendering occurs when a subscriber has enabled a dark colour scheme on their device or email client. Different clients handle dark mode differently: Gmail on Android and iOS auto-inverts light colours and backgrounds to dark equivalents; Outlook partially overrides colours; Apple Mail applies a sophisticated transformation using CSS media queries. The result is that emails designed for light mode can look broken in dark mode — logos become invisible (dark logo on dark background), text becomes unreadable, and background colours invert unexpectedly. Since approximately 82% of mobile users have dark mode enabled, testing dark mode rendering is not optional for mobile-first email programmes.

  • Can I preview just specific clients rather than generating all 90+?

    Yes. The preview panel lets you select specific client groups — Desktop Only, Mobile Only, Dark Mode Only — or individual clients from a checkbox list. You can also create and save custom preview sets for your specific audience (for example, if your analytics show 80% Gmail + 15% Outlook, you can save a "My Audience" set with just those clients to run as your standard pre-send test). Running a partial preview set generates results faster and is suitable for most routine pre-send checks.

  • How long does it take to generate a full 90+ client preview?

    Under 2 minutes for most templates. Simple text-and-image emails typically complete in 60–90 seconds. More complex templates with multiple images or large inline CSS may take up to 2 minutes. Individual client previews appear as they complete — you do not need to wait for all 90+ to finish before reviewing the first results. Desktop client previews typically return first (30–45 seconds), followed by mobile, and dark mode screenshots arrive last.

  • What is the images-blocked preview and why should I check it?

    Many corporate email environments block images by default as a security measure — images are not downloaded until the user explicitly clicks a button to load them. When images are blocked, an email that relies heavily on images for its content becomes unreadable. The images-blocked preview shows you exactly how your email looks when all images are suppressed — checking that your alt text is informative (not just the filename), that CTAs are visible and clickable even without the button image, and that your brand is still identifiable through text elements alone.

  • Can I compare two versions of my email side by side in the preview?

    Yes. The preview comparison mode lets you select two saved versions of your email (for example, the current draft and a version where you changed the hero image or CTA layout) and display them side by side across all clients simultaneously. Differences that render identically across clients and differences that only appear in specific clients are immediately visible. The comparison view is useful for A/B test variant preview validation — you can confirm that both variants render correctly before launching the A/B test.

  • Does Migomail preview work for AMP emails?

    AMP for email is supported with Gmail AMP preview specifically — since AMP email is only supported by Gmail (and Yahoo in limited contexts), the preview shows both the AMP version (for subscribers whose Gmail client supports it) and the HTML fallback version (shown to all other clients and Gmail accounts where AMP is not enabled). This ensures you can verify both the interactive AMP experience and the fallback rendering that the majority of subscribers will still see.