Email signature logo: formats, sizes and legibility rules

A logo in an email may look like a small detail: a few pixels in a signature, the top of a newsletter, an invoice, a booking confirmation or a support reply. Yet it is often one of the most repeated brand touchpoints. A prospect may see your signature before visiting your website. A customer may reopen a receipt months later. If the logo is blurry, too heavy, invisible in dark mode or blocked by the email client, the brand feels less reliable.

The challenge is that email is not a normal web page. Mail clients apply their own rules, block images in some situations, limit CSS support and rewrite HTML. Gmail documents partial CSS support, while email compatibility tests show that modern formats and embedded images are not universal. A logo that looks perfect in a design file can therefore degrade in Outlook, Apple Mail, Gmail or a mobile app.

This guide explains how to prepare a logo for email signatures and branded messages: format, size, weight, readability, contrast, alt text, dark mode and delivery brief. The goal is not to add another technical burden, but to make email a reliable brand channel. For wider web usage, see our guides to website logo sizes and placements and the responsive logo.

1. Why email needs its own logo version

An email signature logo is not decoration. It confirms the sender, reassures the recipient and connects each exchange to an identifiable brand. In sales it appears in quotes, follow-ups and meeting notes. In support it accompanies answers and account messages. In newsletters it acts as a top-level anchor. In transactional emails it helps the user understand that the message is legitimate.

The common mistake is to reuse the main logo without adaptation. A wide horizontal version can overwhelm a signature. A logo with a tagline becomes unreadable on mobile. A vector file may not render. A heavy image slows down opening and can look clumsy on a mobile connection.

As with a logo delivery kit, the right approach is to define a dedicated variant: simple, readable, light and compatible with the channel. It is not a different logo; it is a controlled version of the same identity.

2. PNG, SVG, JPG: choosing the format

For an email signature, transparent PNG remains the safest practical choice. It preserves clean edges, supports transparency and works in the most common environments. Export it from a clean vector source, then compress it without damaging the contours.

SVG is excellent on a website, but it remains tricky in email. Some clients filter it, some render it unpredictably and many signature tools reject it. Keep SVG in the source kit, but usually send a PNG in actual emails. Our guide to PNG, SVG and AI logo formats explains why delivery format depends on context.

JPG is rarely ideal for a logo because it introduces lossy compression and does not support transparency. It can work for a photographic banner, not for a mark with fine typography. WebP and newer formats should also be treated carefully: support is improving, but email still rewards conservative choices.

3. Sizes, weight and high-density screens

Email logo size should be considered as displayed width plus source size. A classic signature often works between 120 and 220 displayed pixels depending on the name length, the mark and the density of the signature. To keep the asset sharp on Retina screens, export a source twice as wide and display it at half size in the HTML.

File weight should stay very low. A signature logo has no reason to weigh hundreds of kilobytes. Use an optimized file, remove unnecessary metadata and keep the palette clean. A lighter file opens faster and feels more professional.

Test in real inboxes rather than only in a browser. Send messages to Gmail, Outlook, Apple Mail and a mobile client if possible. Look at replies, forwarded messages and thread views. Signatures often degrade after several replies, and it is better to see that before a campaign or sales sequence.

4. Email signature: clarity and consistency

A good signature does not try to recreate a homepage. It should be readable, light and professional. The logo can sit above contact details, to the left of a text block or at the end of the signature. In every case, preserve clear space. If the logo collides with a name, phone number, social badge or divider line, it loses its role as an anchor.

Avoid signatures made entirely as one large image. They create accessibility problems, break during forwarding and prevent recipients from copying contact details. The logo can be an image, but useful information should remain simple HTML text: name, role, phone, website and address when needed.

Keep hierarchy clear. The person’s name and company should be easy to scan without too many colors. Social icons, if present, should stay secondary. A well-sized logo builds credibility; an oversized one feels like an advertisement inside a conversation.

5. Newsletters and transactional emails

In a newsletter, the logo often appears at the top to establish context before the title. It should be recognizable without stealing attention from the message. If the email already has a large hero image, keep the logo quiet. If the email is transactional, such as an order confirmation, it should mainly reassure: users must immediately understand who is writing.

Transactional emails require discipline. They are read quickly, sometimes from a notification and sometimes months later. A logo that depends on a complex background becomes fragile. Prefer a transparent version or a neutral backing area with stable contrast.

Consistency with the website matters. If the site header uses a compact version, email can reuse it. If the website footer has a light variant on a dark background, it may inspire a newsletter variant. The point is to extend the identity system, not to invent a disconnected signature.

6. Blocked images, alt text and accessibility

Many mail clients can block images by default or display them only after permission. Your message must remain understandable when the logo is not visible. Add concise alt text, usually the brand name. Do not turn alt text into a long slogan or promotional line.

Accessibility and credibility meet here. A recipient with a slow connection, a screen reader or a strict inbox configuration should still identify the sender. The logo must not be the only brand information. The company name should also appear as text in the signature or message body.

Contrast rules remain important even for a small logo. Our guide to logo accessibility and contrast explains how thin or pale marks disappear quickly. Email amplifies that weakness through dark mode, mobile screens and compression.

7. Dark mode and contrast

Dark mode can invert backgrounds, shift colors or place your image in an unexpected context. A dark transparent logo that works on white can disappear on black. A light logo can vanish in a bright theme. The best defense is to prepare two variants or place the logo on a small neutral area with enough padding.

Avoid emergency outlines added at the last minute. If a light version is needed, it should be drawn and approved as an official variant. Automatic shadows and CSS filters are unreliable in email.

Brand colors also need testing. Some tones lose contrast on dark backgrounds or become too aggressive on OLED screens. A real visual check across mail clients is better than a theoretical rule. The goal is simple: the brand should remain identifiable without effort.

8. Brief and delivery checklist

When ordering or approving a logo for email, request a transparent PNG, an optimized 2x export, a light version, a dark version and the vector source. Specify desired display width, possible backgrounds, signature tools and email types: sales, support, newsletter and transactional.

Add usage rules: do not stretch, do not recolor without guidance, do not use on insufficient contrast, do not go below minimum width and do not use the tagline version in compact signatures. These rules prevent every team member from improvising a different signature.

With Wilogo, you can include those constraints in the brief from the beginning. State that the logo must live on the website, social channels, documents and emails. The clearer the context, the easier it is to compare logo directions. Create a logo brief early and email constraints will not appear as a surprise after approval.

Prepare a logo that really works in email

Describe your signatures, newsletters, backgrounds and readability constraints. Wilogo helps you frame a logo that works in real brand touchpoints.

Create your logo brief on Wilogo

9. Useful sources

Sources reviewed: Gmail documentation on supported CSS in email, Gmail Help for signatures, Can I Email on base64 image compatibility, Litmus on image blocking, and W3C/WCAG contrast guidance.

FAQ

Which logo format works best in an email signature?

A transparent PNG is usually the safest delivery format. SVG remains valuable as a source file, but email clients and signature tools do not handle it consistently.

How wide should an email signature logo be?

A displayed width between 120 and 220 pixels works for many signatures. Export a 2x source for sharpness on high-density screens, then compress it carefully.

Should I embed the logo as base64?

Usually no. Base64 images can increase message weight and are not consistently supported. A properly hosted image with alt text is generally more reliable.

How do I handle dark mode?

Prepare a version that remains legible on light and dark backgrounds, or place the logo on a small neutral backing area. Do not rely on the mail client to fix contrast automatically.