The Baseline Dimensions: Width, Height, and Scaling Math
Most design guides recommend keeping overall email signature width between 300px and 600px. In practice, 600px is the maximum width for desktop clients before horizontal scrollbars appear, while 320px to 450px is the safest range for mobile viewports without triggering automated zoom-out.
Height should rarely exceed 150px to 200px. A signature that occupies more vertical space than the email body reads as intrusive on mobile screens and forces recipients to scroll unnecessarily on conversation threads.
For profile headshots and company logos, the golden rule is 2x physical resolution locked with 1x HTML attributes. If you want an 80x80px avatar on a Retina display, upload a 160x160px image file, but explicitly specify width="80" and height="80" directly on the <img> tag. Relying strictly on CSS max-width fails in Microsoft Outlook, causing images to blow up to their raw 160px dimensions.
- Overall table width: 400px to 560px (safe across both desktop Outlook and iPhone Mail).
- Vertical signature height: 90px to 180px maximum.
- Profile photo / Avatar: 64px to 84px displayed (128px to 168px uploaded for Retina clarity).
- Company Logo: 120px to 200px displayed width, 30px to 60px displayed height.
- Social media icons: 20px to 24px square with 6px to 8px padding.
- Promotional banner: 320px to 560px width by 60px to 100px height.
Interactive Compatibility & Size Inspector
Paste your raw HTML signature code into the inspector below to measure its character count against Gmail's hard 10,000-character setting limit, verify raw payload byte weight, and detect missing dimension locks.
Email Signature Size & Compatibility Inspector
Paste your signature HTML to verify character count against Gmail limits and inspect byte weight.
Solving Gmail's 'The signature is too long' Error
One of the most frequent frustrations when configuring email signatures is Gmail rejecting input with the message: 'The signature is too long. Please try a shorter signature.'
Users frequently misdiagnose this error as a text-length issue and delete job titles, phone numbers, or disclaimers, only for Gmail to continue throwing the exact same error. Understanding why this happens requires separating three distinct numeric limits that are frequently conflated:
- The 320-Character Limit: When creating a new signature profile in Gmail settings, the text field labeled 'Name new signature' has a 320-character cap. This applies solely to the label in your management list, not the signature content itself.
- The 10,000-Character Setting Hard Limit: Gmail's rich-text signature input box enforces an undocumented hard ceiling of 10,000 characters on the underlying raw HTML markup. Every tag, CSS inline style, class attribute, and hyperlink destination counts against this total.
- The 102 KB Message-Clipping Threshold: When an email is sent, Gmail automatically truncates messages exceeding 102,400 bytes (102 KB) with the prompt '[Message clipped] View entire message'. Keeping your signature markup under 10 KB leaves 90+ KB of budget for actual conversation.
The Primary Culprits Behind HTML Bloat
When a signature with only two lines of text exceeds 10,000 characters, the culprit is almost always invisible background markup introduced during copy-and-paste:
1. Copying from Microsoft Word or Google Docs: Pasting directly from word processors injects extensive Microsoft Office XML schemas, MsoNormal style declarations, font fallback lists, and nested span tags. A 30-word signature can easily balloon into 18,000 to 25,000 characters of hidden styling.
2. Inline Base64 Images (Data URIs): Storing images as inline data:image/png;base64,... strings converts binary image data into text. A modest 12 KB logo produces over 16,000 characters of raw base64 string alone, immediately shattering Gmail's 10,000-character ceiling. All images in an email signature must be hosted on public HTTPS web servers and referenced via standard <img src="https://..."> tags.
<!-- BAD: Inline Base64 data balloons character count to 16,000+ chars -->
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK..." width="64" height="64" />
<!-- GOOD: External HTTPS reference uses fewer than 100 characters -->
<img src="https://assets.yourcompany.com/avatar.png" width="64" height="64" alt="Photo" style="width: 64px; max-width: 64px; height: 64px; display: block;" />Why Outlook Stretches and Blurs Images (DPI Scaling)
Desktop versions of Outlook on Windows (such as Classic Outlook for Microsoft 365) do not use a standard web browser rendering engine; they rely on Microsoft Word's legacy MSO HTML renderer.
The Word engine does not support modern CSS properties like max-width, object-fit, or Flexbox. When an image lacks physical HTML width="..." and height="..." attributes, Outlook ignores inline CSS styles and renders the image at its native file dimensions.
Furthermore, when Windows displays use display scaling (such as 125% or 150% on high-DPI laptops), Outlook scales 96 DPI images up, resulting in pixelated, blurry logos. To achieve crisp rendering on high-DPI screens without breaking Outlook layouts, always apply dual-layer locks: physical HTML attributes defining the 1x display target, combined with inline CSS constraining width and display: block.
<table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;">
<tr>
<td style="padding: 0; vertical-align: top;">
<!-- HTML width/height tells Outlook MSO the exact physical cell boundaries -->
<img src="https://cdn.example.com/logo.png"
width="140"
height="40"
alt="Company Logo"
border="0"
style="width: 140px; max-width: 140px; height: 40px; display: block; border: 0; outline: none;" />
</td>
</tr>
</table>Summary of Safe Thresholds by Platform
When designing or exporting your signature, ensure your final markup adheres to these verified boundaries:
- Target Width: 400px to 560px for universal mobile and desktop readability.
- Total HTML Character Count: Strictly under 10,000 characters for Gmail compatibility.
- Total HTML Payload Size: Under 10 KB to preserve bandwidth and avoid Gmail clipping.
- Image Hosting: HTTPS public hosting with SSL; zero Base64 data URIs.
- Image Dimensions: 2x source resolution with explicit 1x HTML width and height attributes.
- Layout Model: Standard nested tables; zero Flexbox, CSS Grid, or absolute positioning.