How to add an HTML signature to Gmail (or change yours)
Want to add an HTML signature to Gmail, or simply change / update the one you already use? This guide covers both: paste a professional HTML block (photo, title, links), insert a handwritten PNG, set defaults for new mail and replies, and understand what the mobile app can and cannot do.
Create a handwritten image or a full HTML signature
Gmail accepts both a simple image and a full HTML email signature (the most common professional request):
- HTML signature block — name, job title, phone, logo and links. Build it with the free email signature generator, copy the HTML, then paste into Gmail in step 3. Our HTML uses email-safe tables and inline styles with no tracking pixels.
- Handwritten PNG — create one below (or in the full signature maker) if you only want a personal ink-style sign-off.
If you only need to change or update an existing Gmail signature, skip creation and go to step 2, then edit the signature already in the list.
Open Gmail signature settings
On the Gmail website (this is the place for full HTML signatures):
- Click the ⚙ gear at the top right → See all settings.
- Stay on the General tab.
- Scroll down to the Signature section (just below Vacation responder).
If you have never created one, you will see a single + Create new button. If signatures already exist, they appear in a list on the left of the editor.
The Signature block sits near the bottom of the General tab. The editor is a small rich-text box with bold, italic, link and image (mountain) icons along the bottom edge.
Add, paste HTML, or edit your Gmail signature
To add an HTML signature to Gmail:
- Click + Create new and give it a name (e.g. “Work”).
- Click inside the signature editor box.
- Paste the HTML you copied from the email signature generator (Ctrl/Cmd+V). Gmail keeps the table layout, photo and links from a clean HTML paste.
- Optionally tweak spacing or add a line of plain text under the block.
To add an image-only signature: click the mountain Insert image icon in the editor toolbar and upload your transparent PNG.
To change or update an existing signature: select it in the list, edit the text, replace the image, or paste a new HTML block over the old content. Changes apply after you save (step 4).
Pasted HTML usually keeps its table layout, photo and links. An inserted PNG appears inline — click it to resize. If paste looks plain, try pasting into an empty signature box rather than in the middle of old formatting.
Set defaults for new emails and replies, then save
Under Signature defaults:
- FOR NEW EMAILS USE — signature inserted when you compose a new message.
- ON REPLY/FORWARD USE — signature for replies and forwards (many people pick a shorter signature or “No signature” here).
Scroll to the bottom of the Settings page and click Save Changes. Compose a new email once to confirm the signature appears.
Mobile app note (and a quick test)
The Gmail app on Android and iOS has its own Signature setting (menu → Settings → your account → Signature / Mobile Signature). That field is plain text only — it does not show your full HTML block with logo and layout.
Best practice: set the professional HTML signature on gmail.com in a browser, and optionally a short plain-text line in the mobile app. Send yourself a test email and open it on phone and desktop to check images and links.
How to add an HTML signature to Gmail (details)
The top reason people look for this guide is to add an HTML signature to Gmail — a formatted block with photo, colours and links, not just plain text.
- Build the block in a generator that outputs email-safe HTML (tables + inline CSS). Avoid modern CSS grids or external stylesheets; Gmail strips a lot of advanced CSS.
- Copy the HTML (or the rendered block) from the generator.
- Paste into Gmail’s signature editor as in step 3 above.
- Save Changes and test.
SignEmber’s free email signature generator is built for this workflow: templates, live preview, and clean copy for Gmail and Outlook without tracking pixels.
Image size and common Gmail signature issues
- Huge image — Gmail inserts images at full size. Resize the PNG before upload (about 300–400 px wide) or click the image in the editor and scale it down.
- White box behind handwriting — use a transparent PNG from the signature maker.
- Signature missing on reply — check ON REPLY/FORWARD USE; it is independent from new emails.
- Multiple accounts — each Google account has its own signatures; open Gmail with the right account before editing.
- HTML paste looks empty — some browsers paste as plain text; try Chrome, paste into an empty signature, or paste the rendered preview from the generator instead of raw source if your workflow supports it.
Frequently asked questions about Gmail signatures
Create an email-safe HTML block (for example with our free email signature generator), open Gmail → ⚙ See all settings → General → Signature, click Create new, paste the HTML into the editor, set defaults for new emails and replies, then Save Changes.
Open ⚙ See all settings → General → Signature, select the signature in the list, edit the text or image (or paste a new HTML block), then click Save Changes at the bottom of the page.
Same path as changing it: Settings → General → Signature, select the signature, update the details, Save Changes. The update applies to new emails that use that signature immediately.
Yes, for plain text only. In the Gmail app, open the menu → Settings → your account → Signature (or Mobile Signature). For a full HTML signature with image and links, set it on the Gmail website.
On the Gmail website, click the ⚙ gear → See all settings, stay on the General tab, and scroll to Signature — just below Vacation responder.
Gmail inserts images at full resolution. Resize the PNG before inserting (around 300–400 px wide works well for a signature), or click the image in the signature editor and shrink it.
Yes. Copy clean HTML from the email signature generator and paste it into the Gmail signature box. Gmail generally keeps table layout, photos and links when the HTML is email-safe.
Yes. That is an HTML signature. Build the block with a generator, paste it into Settings → Signature, and set it as the default for new emails. Links and logo images work when hosted or embedded as the generator allows.