What Size Should a Logo Be in an Email Signature?

Logo sizing in email signatures creates cascading effects across rendering, deliverability, and visual hierarchy. Getting it wrong in any one of these areas undermines an otherwise well-built signature.

On rendering: email clients do not consistently scale images the way browsers do. If you embed a logo at its full resolution — say, 1200×300 pixels — and rely on CSS or HTML width attributes to scale it down for display, the result varies by client. Gmail on mobile will scale it, but may add unwanted whitespace. Outlook's Word renderer may ignore your CSS width property and display the image at full resolution, breaking the layout. Apple Mail handles it correctly but still loads the full-resolution file, which wastes bandwidth. The best practice is to export your logo at exactly the target display size — 200×60px or whatever fits your design — rather than exporting at high resolution and scaling down.

On file size: base64 encoding converts image data to ASCII at approximately 133% of the original file size. A 100KB logo becomes approximately 133KB of base64 text embedded in the signature HTML. A 300KB logo becomes 400KB of base64 — and that weight is added to every email you send. For high-volume senders, this adds up significantly. Spam filters also treat high-payload emails with some suspicion. A compressed logo under 50KB adds around 67KB of base64 text, which is manageable.

On visual hierarchy: a logo that is too large visually dominates the signature and competes with the most important information — your name and contact details. The recipient's eye goes to the largest element first. If that is your logo, they have to search for your name and phone number. The logo should support your identity, not lead it. At 200×60 pixels, the logo is visible and brandable without overpowering the text.

On mobile rendering: half of all emails are read on mobile devices with viewports that are 320–375 pixels wide. A 200-pixel-wide logo at mobile viewport scales to roughly one-third of the screen width — clearly visible without consuming the full width. A 400-pixel logo at mobile scale fills most of the screen, leaving less room for your name and contact details.

For retina/HiDPI screens: consider exporting your logo at 2× the target display size (400×120px for a 200×60px display size) and setting the HTML width and height attributes to the display dimensions. This provides a sharper logo on high-density screens without visual artifacts, at the cost of a somewhat larger file. Keep the 2× image under 80KB before base64 encoding.

Export your logo at the correct dimensions before embedding. Most logo design files are created at high resolution for print — 1200px wide or larger. For email signatures, you need a version at exactly the display size: 200×60px for horizontal logos, or 50×50px for square icon marks.

Choose the right file format. PNG is the standard for logos with transparency (transparent background so the logo sits cleanly on any email client's background color). JPEG is appropriate only for logos without transparency — it produces smaller files but does not support a transparent background. SVG is not reliably supported in email clients and should be avoided for signatures.

Compress your PNG before embedding. PNG compression tools like TinyPNG or ImageOptim can reduce file size by 50–80% without visible quality loss. A 60KB PNG often compresses to 15KB — a meaningful difference when multiplied across hundreds of emails.

Verify the logo renders correctly in dark mode. Some email clients offer dark mode to recipients, and a logo with a white background looks broken when the email client applies a dark background. Use a logo with a transparent background (PNG with alpha channel) so it adapts cleanly to both light and dark environments.

SignatureFox accepts logo uploads and compresses them automatically before base64 encoding. The generator also enforces display dimension constraints so your logo renders at the correct size across Gmail, Outlook, Apple Mail, and mobile clients.