Best Logo Size and Format for an Email Signature

An email signature logo should be small enough to support the message, large enough to remain recognizable, and simple enough to survive inconsistent mail clients. Sending the original 3000-pixel brand file and dragging its corner smaller in an editor creates needless weight and can still render at the wrong size.

Begin with the signature's real layout. A compact horizontal wordmark can work beside contact details; a tall crest may need a simplified or symbol-only variant. Do not squeeze a wide logo into a narrow column or distort its aspect ratio to match someone else's template.

Choose a practical display size

Google's Gmail help recommends a signature image around 70 to 100 pixels high and 300 to 400 pixels wide, and documents a maximum of 100 pixels high by 1000 pixels wide. Treat that as Gmail-specific guidance, not a requirement that every brand occupy the entire range.

Many wordmarks remain clear at 40 to 80 CSS pixels high. Start smaller, send test messages, and judge the logo beside normal body text on desktop and mobile. A signature is not a banner ad.

If you use a two-times source for high-density screens, constrain the displayed dimensions in the signature markup or editor. For example, a 400-by-120 pixel PNG might display at 200 by 60. Confirm the mail client preserves those dimensions instead of showing the image at its intrinsic size.

Crop empty transparent canvas before export. Padding inside the bitmap makes a correctly sized file appear mysteriously small and complicates alignment.

Use a predictable format

PNG is a practical default for a transparent or flat-color signature logo because it preserves hard edges without JPEG ringing and works across common clients. JPEG can be suitable for a photographic signature banner without transparency, but it is a poor master for a crisp mark.

SVG is excellent as the design source and for supported web contexts, yet email-client and signature-editor handling is inconsistent enough that a PNG delivery is safer. WebP support can also vary across older or controlled enterprise clients. Predictability matters more than shaving a few bytes from one tiny asset.

Export from the vector master at the exact planned ratio. Keep the file lightweight; the image can be requested in every message thread, and a giant transparent canvas adds download and decode cost without visible benefit.

Decide how recipients receive the image

A signature editor may upload the image, reference a public URL, or insert data another way. Publicly hosted images can be updated centrally, but recipients may block remote images and the URL must remain available. A private cloud-drive link or expiring signed URL can produce a broken-image icon.

If the platform hosts the asset for you, test the sent message from an unrelated recipient account. Copying an image directly from a document may produce markup that works only while your own account is authenticated.

Do not use an entire contact card as one image. Recipients cannot easily select the phone number, search the text, translate it, or use it reliably with assistive technology. Keep contact details as real text and reserve the image for the visual identity.

Prepare for dark mode and accessibility

A dark wordmark on transparency can disappear when a client changes the message background. A white mark can disappear in light mode. Use a logo variant with enough contrast in the environments you can control, or place it on a modest brand-approved background that travels with the pixels.

Automatic dark-mode transformations differ across clients, so there is no universal media-query fix. Test real messages in light and dark themes. Avoid thin gray strokes and subtle gradients that vanish at signature size.

If the logo is linked and is the only content of that link, give the image or complete link an accessible name that communicates its destination, such as the brand name plus “home.” If adjacent visible text provides the same link name, avoid redundant announcements.

Send a client test matrix

Test Gmail and Outlook web experiences, common desktop clients in your organization, iOS and Android mail, images blocked, and dark mode. Reply and forward the message to see whether the signature is quoted, enlarged, or degraded.

The best signature package includes a small reviewed PNG, the intended display dimensions, a stable hosting plan, plain-text contact information, and installation notes. That keeps the identity crisp without turning every email into a heavyweight layout experiment.