An HTML email that looks perfect in Gmail can be completely broken in Outlook 2019, invisible on a dark-mode iPhone, and headed straight to the spam folder if your authentication records are wrong. Testing across email clients is not optional for anyone running a campaign — it is the difference between a message that reaches the inbox and one that never gets seen. This guide covers every dimension of pre-send testing, with free tools for each step.
Why HTML Email Testing Matters
Email clients are not browsers. Gmail strips certain CSS properties. Outlook uses Microsoft Word's HTML renderer, which ignores flexbox, border-radius, and web fonts. Apple Mail on iOS applies its own link-detection styles to phone numbers and dates. Dark mode inverts colors differently across clients. Each of these quirks can silently break your carefully designed template — and unlike a web page, you cannot push a fix after a campaign is sent.
The deliverability dimension
Beyond rendering, email testing must include deliverability — confirming that your message actually reaches the inbox rather than the spam folder or being rejected outright. Since February 2024, Google and Yahoo have enforced mandatory DMARC authentication for bulk senders. Missing or misconfigured SPF, DKIM, or DMARC records cause emails to be quarantined or rejected at the largest inbox providers. Deliverability testing catches these failures before your list receives them.
The cost of skipping tests
A broken email campaign damages more than one send. Repeated spam complaints degrade your sending domain's reputation over weeks, making future campaigns harder to deliver. Outlook rendering failures on a transactional receipt template can generate support tickets at scale. A single auth misconfiguration can cause every email you send to bounce at Gmail until DNS records are fixed and propagated — which takes hours to days. Testing takes 15 minutes. Recovery takes weeks.
Note
The Four Dimensions of Email Testing
A complete email test covers four independent dimensions. Each requires different tools and catches different categories of failure. Testing only rendering while skipping authentication is like proofreading the copy while leaving the wrong recipient address.
- Rendering: How the HTML and CSS display visually across Gmail, Outlook, Apple Mail, Yahoo, and mobile clients — layout, fonts, images, dark mode
- Authentication: Whether SPF, DKIM, and DMARC DNS records are configured correctly so inbox providers accept your email as legitimate
- Subject line and preview text: Whether the subject fits within display limits on desktop and mobile, and whether preview text adds useful context
- Spam and deliverability: Whether the email content, HTML structure, link reputation, and sending IP score well against spam filters
Why each dimension requires separate tools
Rendering tests require screenshots or real client previews — they cannot be automated from a static HTML file alone. Authentication tests require DNS lookup tools that query your actual published records. Subject line tests require character and byte counting against client-specific truncation limits. Spam tests require actually sending the email through your sending infrastructure so the IP reputation and authentication headers are included. No single tool covers all four completely.
Testing the email itself is not enough — you must also test the infrastructure around it. Authentication records, IP reputation, and domain age all determine whether the content ever reaches a human.
How to Test HTML Email Rendering
Rendering tests confirm that your email displays correctly in the clients your audience actually uses. The priority clients depend on your list — check your ESP's email client breakdown report to see which clients your subscribers use before deciding which to prioritise.
Use your ESP's built-in client preview
Every major ESP — Mailchimp, Brevo, HubSpot, Klaviyo, Mailerlite — includes a multi-client preview in the campaign editor. Run this first. It covers the most common clients (Gmail desktop, Gmail mobile, Apple Mail, Outlook) and catches obvious layout failures without requiring an external tool or sending a live email.
Send test emails to real accounts
Create free accounts at Gmail, Outlook.com, and Yahoo Mail. Send your test email to all three and view them on both desktop and a real mobile device. Check dark mode on iOS by going to Settings → Display & Brightness → Dark. Real device rendering reveals issues that screenshot-based previews miss, particularly around font rendering and tap target sizes.
Check Outlook-specific rendering
Outlook is the highest-risk client for HTML email. Test with Outlook 2016, 2019, and 365 if your audience includes enterprise Windows users. Common Outlook failures: CSS `max-width` on images does not work (use `width` attribute on the `<img>` tag instead), `padding` on `<td>` elements behaves inconsistently, and `<div>` backgrounds are not supported. Use table-based layouts with inline styles for reliable Outlook rendering.
Validate HTML structure before rendering
Malformed HTML causes rendering failures across all clients. Before running preview tests, validate your email's HTML template to confirm tags are properly nested, all attributes are correctly quoted, and no deprecated elements are present. Use the HTML Validator to catch structural errors in the template HTML without needing to send a test email first.
Email Subject Line Length Checker
Check your email subject line for character count, truncation risk on mobile and desktop, byte length, and spam-trigger wording — browser-local with no signup required.
Email Authentication Testing
Authentication record errors are the single most common reason a well-designed campaign ends up in spam or gets rejected entirely. SPF, DKIM, and DMARC work together to prove to receiving mail servers that your email is genuinely from your domain — not a spoofed address. All three must be configured correctly.
SPF record validation
SPF (Sender Policy Framework) is a TXT record that lists which IP addresses and sending services are authorised to send email on behalf of your domain. A missing SPF record causes messages to fail authentication at strict receivers. A broken SPF record — one with a syntax error, an exceeded 10-lookup limit, or a permissive `+all` mechanism — undermines your domain's reputation. Use the SPF Record Validator to check your SPF TXT record for syntax errors and policy issues before relying on it.
DKIM and DMARC validation
DKIM (DomainKeys Identified Mail) attaches a cryptographic signature to your outgoing emails. Receiving servers query the public key from your DNS to verify the signature — confirming the email was not modified in transit and was authorised by your domain. The DKIM Record Validator checks your DKIM TXT record for correct tag structure, key length, and missing required fields. Once SPF and DKIM are clean, DMARC ties them together — use the DMARC Record Validator to confirm your policy syntax, alignment mode, and reporting URI are correct.
| Record | What It Does | Failure Impact | Where to Validate |
|---|---|---|---|
| SPF | Authorises sending IPs | Spam folder or soft fail | SPF Record Validator |
| DKIM | Signs email cryptographically | Fail DMARC alignment | DKIM Record Validator |
| DMARC | Enforces SPF + DKIM policy | Reject or quarantine | DMARC Record Validator |
| MX | Receives replies correctly | Reply-to failures | DNS Record Validator |
Warning
Subject Line and Preview Text Testing
The subject line is the first — and sometimes only — thing a recipient reads before deciding to open or delete an email. Getting it right requires testing against the display limits of the clients your audience uses, not just writing something that sounds good.
Subject line length limits by client
Mobile Gmail and Apple Mail on iOS truncate subjects at approximately 40 characters in portrait mode. Desktop Gmail shows 60–70 characters. Outlook desktop shows up to 80+ characters depending on the preview pane width. The safe universal target is 40–50 characters — anything longer risks the key message being cut before a significant portion of your audience sees it. The Email Subject Line Length Checker flags truncation risk for both mobile and desktop thresholds in one view.
Preview text best practices
Preview text (also called preheader text) is the grey snippet shown after the subject line in Gmail, Apple Mail, and Outlook preview panes. If you do not explicitly set it, most clients pull the first readable text from the email body — which may be "View this email in your browser" or a hidden alt text attribute. Set preview text explicitly in your ESP's editor or via a hidden `<div>` at the top of the email body with `font-size:0; max-height:0; overflow:hidden`. Keep it 85–100 characters to complement the subject without overlapping into the email body in preview pane display.
Spam-trigger phrases in subject lines
Certain words and phrases in subject lines are weighted negatively by spam filters: "free", "click here", "act now", "limited time offer", excessive capitalisation, and multiple exclamation marks. These do not guarantee spam folder placement, but they increase your spam score. The Email Subject Line Length Checker also flags common spam-trigger patterns so you can rephrase before sending.
Spam and Deliverability Testing
Spam testing measures how your email scores against the filters that inbox providers apply before deciding where to deliver a message. A spam score is not a guarantee of delivery — it is an indicator of risk. A low score does not mean the email will definitely reach the inbox; a high score does not mean it definitely goes to spam. But consistently scoring above 7/10 on mail-tester.com correlates strongly with inbox placement.
Using mail-tester.com
Mail-tester.com is the most comprehensive free spam test available. Visit the site, copy the unique test email address it generates, and send your campaign to that address from your actual sending tool using your real sending domain and IP. Mail-tester.com analyses the received email — including headers, authentication results, HTML content, text-to-image ratio, link reputation, and IP blacklist status — and produces a score with a specific explanation for every deduction. Fix each deduction category and re-test until you reach 9/10 or above before sending to your list.
HTML content factors that affect spam score
- Text-to-image ratio: an email that is mostly images with minimal text scores poorly — maintain at least 60% text content
- Link reputation: URLs in your email body are checked against blacklists — avoid shortened URLs that obscure the destination
- Missing plain-text version: always send a multipart MIME email with both HTML and plain-text versions
- JavaScript in the template: any `<script>` tags in an email cause immediate rejection by most filters
- Unsubscribe link: a missing or broken unsubscribe link is both a spam signal and a legal violation under CAN-SPAM and GDPR
Tip
HTML Email Testing Best Practices
A repeatable pre-send testing checklist prevents the same categories of errors from recurring across campaigns. Building the checklist into your campaign workflow — not as an afterthought before the send button — is what makes it effective.
Build a pre-send checklist
- Rendering: preview in your ESP across at least Gmail (desktop + mobile), Outlook, and Apple Mail iOS
- Authentication: validate SPF, DKIM, and DMARC with dedicated validators before the first campaign on a new domain
- Subject line: check character count against the 40-character mobile limit; avoid spam-trigger phrases
- Links: click every link in the test email to confirm they resolve to the correct URL
- Unsubscribe: confirm the unsubscribe link works and removes the address in your ESP
- Plain-text version: ensure your ESP generates a plain-text alternative automatically
Re-test after template changes
Even a small change to an email template can break a previously working layout in Outlook or introduce a new spam trigger. Re-run the full rendering check whenever you modify the template structure (not just the copy). Authentication records rarely need re-testing unless you add a new sending service or change your DNS provider. Subject line testing should be part of every campaign, not just template changes.
DMARC Record Validator
Validate your DMARC DNS record for syntax errors, policy-tag correctness, alignment mode, and reporting URI — browser-local, no account required.
Key takeaways
- HTML email testing covers four dimensions: rendering across clients, authentication (SPF/DKIM/DMARC), subject line length, and spam scoring — each requires different tools.
- Outlook uses Word's HTML renderer and does not support CSS flexbox, border-radius, or web fonts — use table-based layouts with inline CSS for reliable Outlook display.
- Since February 2024, Google and Yahoo require DMARC for bulk senders — validate all three records with the SPF Record Validator, DKIM Record Validator, and DMARC Record Validator.
- Subject lines should stay under 40 characters for mobile safety — use the Email Subject Line Length Checker to verify before every campaign.
- Send to mail-tester.com from your actual sending infrastructure for a comprehensive spam score covering authentication, content, and IP reputation together.
- Set preview text explicitly — if you do not set it, most clients pull the first visible text from the email body, which is often "View in browser" or an alt attribute.
- Fix authentication record errors before running spam tests — a DMARC failure will dominate your spam score regardless of HTML quality.