Email Signature Generator
Free online HTML email signature generator. Create branded, responsive email signatures for Gmail, Outlook, Apple Mail, and Yahoo with custom colors, avatars, and social icons.
|
Sarah Connor
Chief Technology Officer • Cyberdyne Systems
|
<table cellpadding="0" cellspacing="0" border="0" style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333333; max-width: 480px;">
<tbody>
<tr>
<td style="vertical-align: top; padding-right: 18px;">
<img src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=150&auto=format&fit=crop&q=80" alt="Sarah Connor" width="72" height="72" style="border-radius: 50%; object-fit: cover; display: block; border: 2px solid #10b981;" />
</td>
<td style="vertical-align: top; border-left: 2px solid #10b981; padding-left: 18px;">
<div style="font-weight: 700; font-size: 16px; color: #111827; letter-spacing: -0.2px;">Sarah Connor</div>
<div style="font-size: 13px; color: #6b7280; margin-bottom: 6px;">Chief Technology Officer <span style="color: #10b981;">•</span> Cyberdyne Systems</div>
<div style="font-size: 12px; line-height: 18px; color: #4b5563;">
<div><strong style="color: #10b981;">Email:</strong> <a href="mailto:[email protected]" style="color: #4b5563; text-decoration: none;">[email protected]</a></div>
<div><strong style="color: #10b981;">Phone:</strong> <a href="tel:+1 (555) 019-2834" style="color: #4b5563; text-decoration: none;">+1 (555) 019-2834</a></div>
<div><strong style="color: #10b981;">Web:</strong> <a href="https://cyberdyne.io" target="_blank" style="color: #4b5563; text-decoration: none;">cyberdyne.io</a></div>
</div>
<div style="margin-top: 8px; font-size: 12px;">
<a href="https://linkedin.com/in/sarahconnor" target="_blank" style="color: #10b981; font-weight: 600; text-decoration: none; margin-right: 10px;">LinkedIn</a>
<a href="https://twitter.com/sarah_tech" target="_blank" style="color: #10b981; font-weight: 600; text-decoration: none;">Twitter</a>
</div>
</td>
</tr>
</tbody>
</table>Step-by-Step Instructions
Enter Personal & Company Details
Input your full name, job title, company name, department, phone numbers, and website URL.
Add Social Media Links & Avatar
Input LinkedIn, Twitter/X, GitHub, or YouTube profile URLs and provide a profile photo/company logo URL.
Select Layout Template & Colors
Choose from modern, corporate, minimal, or creative email signature layouts and customize brand accent colors.
Copy Rich HTML or Install to Client
Click 1-copy HTML and paste directly into Outlook, Gmail, Apple Mail, or Thunderbird signature settings.
Key Features & Capabilities
- Table-based responsive HTML signature generator compatible with Gmail, Apple Mail, Outlook Desktop, and Outlook Web
- Interactive social media icon integrations with UTM tracking parameter support
- Legal disclaimer / confidentiality notice generator compliance add-on
- Inline CSS styles ensuring signatures render consistently without stylesheet blocking
Frequently Asked Questions
Why do HTML email signatures require table-based layout instead of modern CSS Grid / Flexbox?
Desktop Microsoft Outlook (which accounts for a massive share of corporate email) uses the Microsoft Word rendering engine, which does not support CSS Flexbox, Grid, `float`, or modern positioning. Using HTML `<table>` elements with inline styles is mandatory to keep profile photos, text, and social icons aligned across all email software.
How do you install an HTML signature into Gmail?
In Gmail: 1) Click the Gear icon > *See all settings*; 2) Scroll down to the *Signature* section; 3) Click *Create new*; 4) Paste (`Ctrl+V` / `Cmd+V`) the formatted rich signature directly into the editor; 5) Set signature defaults for new emails and replies, then click *Save Changes* at the bottom.
Should email signature images be hosted online or attached as files?
Profile photos and company logos must be **hosted on a public HTTPS server (or CDN)** and linked via `<img src="https://...">`. Attaching images directly as files bloats every email sent, triggers spam warnings, and causes images to appear as downloadable attachments.
Why should email signatures include UTM tracking parameters on links?
Adding Google Analytics UTM parameters (`?utm_source=email_signature&utm_medium=email&utm_campaign=corporate_signature`) to your website and booking links allows your marketing team to track traffic and conversions generated directly by employee email signatures.
Related Utilities
Discover complementary online tools in the same workflow.
JSON Formatter & Validator
Format, beautify, minify, validate, and view JSON data online with instant syntax highlighting and error detection.
Base64 Encoder & Decoder
Encode text or binary data into Base64 format or decode Base64 back into raw string format.
CSV to JSON Converter
Easily convert CSV data to clean JSON format. Turn tabular spreadsheets into structured JSON.
YAML to JSON Converter
Convert YAML configuration files into structured JSON for APIs and modern web tooling.
JWT Parser & Token Debugger
Decode JWT tokens to view header, payload claims, and expiration status without sending secrets anywhere.
Hash Generator (SHA-256, SHA-512, MD5)
Generate cryptographically secure SHA-256, SHA-512, SHA-384, and SHA-1 hashes for any text.