Free Converter

Email Signature HTML Generator

Create professional HTML email signatures with live preview. Free, browser-based, works in Gmail, Outlook, and Apple Mail.

Contact Information

Live Preview

Email preview

Best regards,

Lorem ipsum dolor sit amet, consectetur adipiscing elit...

Your Name Job Title

HTML Code

To use this signature in Gmail: Go to Settings > See all settings > General > Signature. Paste the HTML code.

About Email Signature Generation

Email signatures appear at the bottom of every business email. A good signature includes name, title, company, phone, email, and increasingly social media handles or website. Beyond mere contact info, signatures reinforce branding through colors, fonts, and small logo images. The same signature applied across all your sent mail keeps your professional identity consistent.

Producing email signatures by hand in HTML is tedious and produces messy markup. Email clients render HTML inconsistently, so signatures that look right in one app appear broken in another. Generators produce signatures with email-safe HTML — table-based layout, inline CSS, web-safe fonts — that render reliably across major clients.

This generator builds the signature in your browser. Fill in your details, customize layout and colors, and export as HTML ready to paste into Gmail, Outlook, Apple Mail, or any other email client. Most clients accept HTML signatures via their settings.

Why Use an Email Signature Generator

Hand-coded HTML signatures break in subtle ways. Outlook ignores certain CSS, Gmail strips others, mobile clients render differently. Generators produce email-safe HTML that survives all major rendering paths, saving the debugging time of cross-client testing.

Consistency also matters at organizational scale. Companies with many employees benefit from one signature template applied across all employees. Generators support this with name/title fields that vary per person while the design stays uniform.

How to Generate an Email Signature

Fill in details, customize, copy.

  1. Enter your information: Name, title, company, phone, email, website. Optional: address, social handles, photo or logo.
  2. Choose a template: Minimal text-only, photo + text, logo + text, or full corporate. Each suits different industries and personal styles.
  3. Customize: Colors, fonts, and layout adjustments. Add a profile photo or company logo if appropriate.
  4. Copy the HTML: Generated HTML copied to clipboard. Paste into your email client's signature settings.
  5. Test: Send yourself a test email to verify the signature renders correctly. Open in different clients (web Gmail, mobile, Outlook) to spot rendering issues.

Common Use Cases

Technical Details

Email-safe HTML uses table-based layout (rather than CSS flexbox/grid) because Outlook and other older clients render tables consistently while modern CSS layouts may break. Inline CSS is used because many clients strip <style> blocks.

Fonts: web-safe fonts (Arial, Helvetica, Georgia, Verdana) render reliably across clients. Custom fonts via @font-face do not work in most email clients; using them requires fallbacks to web-safe alternatives.

Images: profile photos and logos should be hosted (not embedded as base64, which is rejected by some clients). Use a stable URL accessible to mail recipients. HTTPS is required to avoid mixed-content warnings.

Best Practices

Frequently Asked Questions

Why doesn't my signature look right in Outlook?
Outlook uses Word's HTML renderer, which doesn't support modern CSS. Generators produce table-based HTML that survives Outlook's rendering. If still broken, check for unsupported CSS properties.
Can I include images?
Yes, but host them at HTTPS URLs. Embedding via base64 is rejected by some clients. Avoid very large images; mail providers may reject signatures over a certain size.
How do I add my signature in Gmail?
Settings > General > Signature > paste the generated HTML in the rich text editor. Save changes and verify in a sent email.
Should I include personal info like phone?
Phone is standard for business signatures. Personal/cell numbers are increasingly common; landline less so. Include what you're comfortable being widely visible — emails get forwarded.
What about legal disclaimers?
Some industries (law, finance, healthcare) require legal disclaimers in signatures. Check your industry's requirements; the generator can include disclaimer text.
Can I have different signatures for different contexts?
Most email clients support multiple signatures. Configure each in your client's settings; the generator can produce variants.
Is my data uploaded?
No. Generation happens in your browser.
How long should a signature be?
5-7 lines is professional. Beyond that, signatures dominate short emails. Longer signatures with extensive social handles or disclaimers feel cluttered.