SignatureCat
Email signature banner generator
Design a banner for your Gmail or email signature in seconds: pick a color, gradient or your own image, add a title and description, and watch the live preview. Download it as a PNG or copy ready-to-paste HTML - free, no account needed.
Live preview
Drag the preview to reposition your photo. Use the zoom slider to crop tighter.
The PNG exports at double resolution so it stays sharp on retina screens - keep the display width at your banner width in the signature editor.
Copy HTML is available for color and gradient backgrounds - paste it straight into a signature editor. Gradients may fall back to a solid color in some email clients.
How to make a banner for your email signature
Three quick steps from a blank canvas to a banner in your Gmail signature.
Pick a background
Start from a solid color with an accent bar, a two-color gradient, or upload your own photo and crop it to the banner size.
Add your message
Type a title and a description, choose an email-safe font, set colors, rounded corners and an optional border - the preview updates live.
Download or copy
Download the banner as a PNG at exact pixel size, copy it to the clipboard, or copy ready-to-paste HTML for color and gradient banners.
Why add a banner to your email signature?
Every email your team sends is free media space. A signature banner turns that space into a channel: promote a campaign, an event, a report or open roles to every person you already write to.
Unlike ads, a signature banner reaches people mid-conversation, with your brand right next to it. It is one of the cheapest marketing surfaces a company has - most teams simply never use it.
The right banner size for Gmail signatures
A good email signature banner is wide and short: 450 x 100 px is the sweet spot recommended by this generator. Stay under 600 px wide - that is the safe content width in most mail clients, including Gmail and Outlook.
Export as PNG for pixel-perfect rendering everywhere, or use the HTML variant for color and gradient banners - it stays sharp on every screen and you can edit the text later without redesigning the image.
Banner generator FAQ
What size should a banner in a Gmail signature be?
450 x 100 px is a safe, good-looking default and what this generator recommends. Keep the width under 600 px so the banner never overflows the message on desktop or mobile, and keep the file small - PNG banners of this size are typically well under 100 KB.
Is this email signature banner generator free?
Yes. The generator is free and runs entirely in your browser - your photos are never uploaded to a server. You do not need a SignatureCat account to design and export banners.
Should I use the PNG or the HTML version of my banner?
PNG works in every email client and is the safest choice, especially for photo banners. The HTML version (available for color and gradient backgrounds) stays razor sharp on every screen and its text remains editable, but gradients can fall back to a solid color in some clients, such as Outlook.
How do I add the banner to my Gmail signature?
In Gmail open Settings, then See all settings, and scroll to Signature. Insert the downloaded PNG with the image button, or paste the copied HTML banner directly into the signature box. To roll banners out to a whole company at once, use a signature manager like SignatureCat.
Need banners across your whole company?
Set them centrally with SignatureCat: one template, personalized Gmail signatures for every employee, and campaign banners you swap for everyone in one click.