Email Signature Generator
Create a professional HTML email signature. Customize, preview, and copy the HTML for Gmail, Outlook, or Apple Mail.
How to Create a Professional Email Signature
- Enter your details — fill in your name, job title, company, email, phone, and website in the form on the left.
- Add social links — include your LinkedIn, Twitter/X, and GitHub profile URLs to make networking easy.
- Choose a template — pick from Professional, Minimal, Bold, or Compact styles using the chips above the form.
- Customize the accent color — use the color picker to match your brand colors.
- Preview and copy — see the live preview, then click "Copy HTML" to paste into your email client.
Why Use an HTML Email Signature?
An HTML email signature transforms every email you send into a professional touchpoint. Instead of plain text at the bottom of your messages, you get a formatted signature with clickable links, social media icons, and your photo or company logo. This consistency builds trust and makes it easy for recipients to connect with you through their preferred channel.
Email Client Compatibility
This generator produces table-based HTML with inline CSS styles, which is the gold standard for email client compatibility. Table layouts with inline styles render correctly in Gmail (web and mobile), Microsoft Outlook (desktop and 365), Apple Mail, Thunderbird, Yahoo Mail, and virtually every modern email client. We avoid CSS floats, flexbox, and grid since these are unreliable in email rendering engines.
How to Add Your Signature
- Gmail — Settings > General > Signature > Paste
- Outlook (Desktop) — File > Options > Mail > Signatures > Paste into the editor
- Outlook (Web) — Settings > View all Outlook settings > Compose and reply > Email signature > Paste
- Apple Mail — Mail > Preferences > Signatures > Drag the HTML file into the editor or paste
- Thunderbird — Account Settings > Signature text > Check "Use HTML" > Paste
Tips for a Great Email Signature
Keep your signature concise. Include only essential information: your name, title, company, and one or two contact methods. Too many links or too much text can look cluttered and may trigger spam filters. Use a professional photo that is hosted on a reliable server (images in email signatures are loaded from URLs, not embedded). Choose brand-consistent colors and keep the design clean.
Photo and Logo Best Practices
For profile photos, use a square image between 80x80 and 150x150 pixels. Host the image on your company website, a CDN, or a service like Imgur or Cloudinary. Avoid using base64-encoded images in email signatures as many email clients strip them. Make sure the image URL uses HTTPS to avoid security warnings in email clients.
Why Table-Based HTML for Email?
Email rendering engines are not the same as web browsers. Most email clients use very limited HTML and CSS support. Microsoft Outlook, for example, uses the Word rendering engine, which does not support modern CSS like flexbox or grid. Table-based layouts with inline styles are the only reliable way to achieve consistent formatting across all email clients. This generator produces clean, standards-compliant table HTML that renders correctly everywhere, from Gmail on Chrome to Outlook on Windows to Apple Mail on iPhone.
Keeping Your Signature Professional
A good email signature strikes a balance between being informative and being concise. Include only the most essential contact details — your name, role, and one or two ways to reach you. Avoid lengthy quotes, legal disclaimers (unless required by your organization), and animated GIFs. Keep social media links to a maximum of three or four platforms that are relevant to your professional identity. Remember that your signature appears on every email you send, including brief replies, so it should complement your message without overwhelming it. Enhance your email signature with a QR Code linking to your website, create matching brand assets with the Favicon Generator, or build a cohesive color scheme with the Color Palette tool.