Email Signature Size: Dimensions, Byte Limits, and Gmail Fixes

The exact pixel dimensions, byte thresholds, and HTML character limits needed to prevent broken images in Outlook and 'signature too long' errors in Gmail.

Updated September 17, 20268 min read

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.

Safe read-only analysis. Input is not rendered or transmitted to any server.

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.

htmlBloated Base64 markup vs. clean hosted image references.
<!-- 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.

htmlBulletproof image markup pattern verified for Windows Outlook.
<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.
Questions & Answers

Frequently Asked Questions

Why does Gmail say 'The signature is too long' when my signature is only a few words?

Gmail's limit is based on the character length of the underlying HTML code, not your visible text. Copying from programs like Microsoft Word or Google Docs brings thousands of characters of hidden styling tags, which easily pushes even short text over the 10,000-character limit.

What is the recommended file size for an email signature image?

Individual logo and avatar images should be compressed to under 40 KB (ideally under 20 KB). Total signature weight, including HTML markup and all assets, should remain well under 100 KB to avoid slow load times and spam filters.

What causes email signatures to trigger '[Message clipped]' in Gmail?

Gmail clips emails whenever the total size of the message exceeds 102 KB. If your signature HTML is bloated (e.g. 30 KB to 50 KB), it consumes a large portion of this budget, causing conversation threads with multiple replies to get clipped prematurely.

Can I use Base64 images directly inside my email signature?

No. While Base64 images avoid external hosting, the raw text string adds thousands of characters directly to your signature HTML, reliably exceeding Gmail's 10,000-character ceiling and triggering spam filters on corporate gateways.

Put This Into Practice

Related Guides