Email Signature Preview — Mobile & Desktop

Paste your HTML signature and instantly see it on a real phone frame and inside a desktop email client — side by side. Free, no signup needed.

Paste Your Email Signature HTML

Copy the HTML source of your signature and paste it below. Don't have HTML? Generate a free signature first

Your mobile and desktop previews will appear here
91%
of people check email on their smartphones every day
68%
of emails are opened on mobile before desktop
3 seconds
is all it takes to make a first impression with your signature

Why Preview Your Signature on Both Mobile & Desktop?

Email clients render HTML very differently depending on the device. What looks perfect in Outlook on a 27" monitor can appear as a wall of oversized text or a broken layout on a 6" phone screen — and vice versa.

By checking both previews at once, you can catch problems before anyone else sees them. A professional signature builds trust; a broken one signals poor attention to detail — the exact opposite impression you want to leave.

What This Tool Checks

  • Fixed-width layouts — is a pixel-locked table forcing horizontal scrolling?
  • Font size readability — is text large enough to read without zooming?
  • Tap target size — are links and phone numbers easy to tap with a thumb?
  • Inline styles — are styles embedded so email clients don't strip them?
  • Live render — see exactly how your signature looks inside a phone frame and a desktop email client

Build a Signature That Looks Great Everywhere

All signatures built with our generator are automatically optimised for both mobile and desktop email clients. No coding required — pick a template, fill in your details, and get a signature that looks polished on every screen.

Create Your Professional Signature

Frequently Asked Questions

What is an email signature mobile-friendly test?

It is a free tool that renders your email signature HTML inside a realistic phone frame and a desktop email client preview — side by side. It also runs automated checks for common mobile issues such as fixed-width tables, tiny font sizes, and missing tap-to-call or tap-to-email links.

Why does my email signature look broken on mobile?

The most common cause is a table or container with a hard-coded pixel width wider than a phone screen (usually anything over 400 px). Other culprits include font sizes below 8-9 px that are unreadable on small screens, too wide images, and missing inline styles that some mobile email clients strip from external stylesheets.

Which mobile devices does this tester simulate?

The tester lets you switch between seven popular device widths: iPhone SE (375 px), iPhone 16 (390 px), iPhone 16 Pro (393 px), iPhone 16 Pro Max (430 px), Samsung Galaxy S24 (360 px), Samsung Galaxy S25+ (384 px), and Google Pixel 9 (412 px). These cover the vast majority of real-world mobile email opens.

Do I need to sign up to use this tool?

No. The email signature tester is completely free and requires no account. Paste your signature HTML and the preview renders instantly in your browser — nothing is sent to our servers.

How do I get the HTML of my existing email signature?

Open your email app, choose your signature, and copy it to your clipboard. Or, if you can, view the signature in source code or HTML mode and copy the code. Then paste it into the HTML area at the top of this page.

What is the dark mode preview?

Many mobile email apps (Apple Mail, Gmail on iOS/Android, Outlook Mobile) support system dark mode and will invert or adapt email colours. The dark mode toggle in this tester simulates that effect so you can spot any text or icon that becomes invisible against a dark background before you send.

What does the automated compatibility score check?

The checker inspects your HTML for four key signals: (1) fixed-width tables or cells wider than 400 px, (2) font sizes smaller than 8 px on elements that contain real text, (3) the presence of inline styles (required because email clients ignore external CSS), and (4) tap-friendly contact links using tel: or mailto: so recipients can call or email you with a single tap on mobile.

Will my signature look the same in Gmail, Outlook, and Apple Mail?

Not always — each email client renders HTML differently. Gmail strips certain CSS, Outlook on Windows uses the Word rendering engine, and Apple Mail has the best standards support. Using fully inline styles and table-based layouts (rather than CSS flexbox or grid) gives you the most consistent result across all clients.