Email Signature With Logo for Gmail: Size, Layout and Setup

Quick Answer

To get a logo into a Gmail signature that doesn't break: size the logo to about 300 x 100 px maximum (display size; export at 2x for retina), build the signature as an HTML table (Gmail strips complex CSS), and paste it into Settings > See all settings > General > Signature as rich content - not as code. PNG or JPG only; Gmail does not render SVG, and oversized images get scaled unpredictably by recipients' clients.

What Gmail does to your signature

Gmail's signature editor accepts pasted rich HTML but silently strips: <style> blocks, most positioning CSS, web fonts, and anything script-like. What survives is table layout, inline styles, images and links - which is why professionally built signatures are still coded like it's 2004. If you paste a signature and it collapses into a vertical list, the layout used divs and flexbox; use a table-based generator instead (the Email Signature Generator outputs Gmail-safe tables and copies them as rich content in one click).

The logo image itself

Display size: 100-300 px wide, under ~100 px tall. A signature logo is a courtesy, not a billboard.
Retina: export at exactly 2x the display size and let the HTML width attribute set the render size - crisp on every screen.
File weight: keep it under ~50 KB. Heavy signatures slow every single email you send and can push messages toward clipping.
Format: PNG for logos with transparency; JPG for photos. Never SVG or WebP - support across mail clients is inconsistent.

Hosted image vs. pasted image

When you paste a signature containing an image, Gmail generally keeps a hosted reference. That's the desirable behavior: hosted images don't appear as attachments on every email and always show the current version. If you use Gmail's own "Insert image" button, choosing the image from Drive requires the file to be shared publicly - a common cause of "broken image icon" reports from recipients. A generator that embeds the logo for you sidesteps the whole issue.

Paste procedure that works

Generate the signature and click its rich-copy button.
Gmail > Settings gear > See all settings > General > scroll to Signature > Create new.
Paste directly into the signature box - formatting and logo included.
Set the signture defaults for new emails and replies, save, and send yourself a test to a non-Gmail address (Outlook renders differently and is where surprises live).

Related tools for this workflow

FAQ

What size should a logo be in a Gmail signature?

Display at up to ~300 x 100 px, exported at 2x (600 x 200) for retina sharpness, under 50 KB, as PNG or JPG. Gmail doesn't render SVG.

Why does my Gmail signature look different in Outlook?

Outlook uses Word's rendering engine and ignores much of what Gmail allows. Table-based layouts with inline styles are the only structure that survives both - avoid divs, flexbox and web fonts.

Why do recipients see a broken image instead of my logo?

Usually the image was linked from a private location (e.g. non-public Google Drive). Use a signature generator that embeds the image, or host the logo at a public URL.

Use the free Email Signature Generator

The practical answer to "email signature with logo for Gmail" is to open Email Signature Generator, upload your logo, apply the settings from this guide, preview the result, and download the final file. The tool runs in your browser, so the logo file stays on your device.

Upload: PNG, JPEG or WebP source logo.
Export: PNG for transparency, WebP for small website files, JPEG only for solid backgrounds.
Quality check: preview the logo at small size before uploading it to the platform.

Open Email Signature Generator

Sources and editorial review

This guide is maintained by the Webteqno editorial team. Webteqno is founder-led by Wamiq Hussain, whose public founder profile describes 9+ years building 200+ websites. That experience is used here for practical logo sizing, website launch, and small-business brand asset guidance.