Email Signature Generator

The Email Signature Generator creates professional HTML email signatures compatible with Gmail, Outlook, and Apple Mail. Choose from multiple templates, add your name, title, contact info, social media links, company logo, and profile photo. Customize colors to match your brand. One-click copy of the HTML code ready to paste into your email client.

Template

Personal Information

Full Name

Job Title

Company

Phone

Website

Address

Social Links

LinkedIn URL

Twitter / X URL

GitHub URL

Instagram URL

YouTube URL

Images

Profile Photo URL

Company Logo URL

Banner Image URL

Colors & Template

Primary Color

Secondary Color

Signature Preview

John Doe

Senior Developer | Acme Corp

Email: john@acme.com

Phone: +1 (555) 123-4567

Web: https://acme.com

HTML

<table cellpadding="0" cellspacing="0" border="0" style="font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.4;">
  <tr>
    
    <td style="vertical-align:top;">
      <div style="font-size:16px;font-weight:bold;color:#1a1a1a;">John Doe</div>
      <div style="color:#2563EB;font-size:13px;">Senior Developer | Acme Corp</div>
      <div style="margin-top:8px;color:#64748B;font-size:12px;">
        <div>Email: <a href="mailto:john@acme.com" style="color:#2563EB;text-decoration:none;">john@acme.com</a></div>
        <div>Phone: +1 (555) 123-4567</div>
        <div>Web: <a href="https://acme.com" style="color:#2563EB;text-decoration:none;">https://acme.com</a></div>
        
      </div>
      
    </td>
  </tr>
  
</table>

ご提案はありますか？

新しいツールのリクエストや改善提案をお待ちしています — Slackコミュニティにご参加ください！

Slackでフィードバックする

What is an Email Signature Generator?

An email signature generator creates professional, HTML-formatted signature blocks that appear at the bottom of your emails. A well-designed email signature includes your name, job title, company, contact information, social media links, and optionally a company logo or profile photo. This tool generates cross-client compatible HTML that works in Gmail, Outlook, Apple Mail, and other major email clients without rendering issues.

How to Use This Tool

Fill in your personal information: name, job title, company, email, and phone number
Add optional fields: website, address, and social media profile URLs
Upload or link to your profile photo, company logo, or banner image
Choose a template and customize primary and secondary brand colors
Preview the signature and click Copy HTML to paste it into your email client settings

Frequently Asked Questions

How do I add the signature to Gmail?

In Gmail, go to Settings > See all settings > General > Signature. Click the compose area, then use Ctrl+A to select all and paste the copied HTML. Gmail supports most HTML signature elements but may strip some advanced CSS. Test by sending an email to yourself after setup.

Why does my signature look different in Outlook?

Microsoft Outlook uses the Word rendering engine instead of a web browser engine, which means it has limited CSS support. This generator uses table-based layouts and inline styles specifically designed for Outlook compatibility. Avoid background images and complex CSS in Outlook signatures.

Should I include a profile photo in my email signature?

Profile photos increase recognition and trust, especially for client-facing roles, sales, and consulting. Keep the image small (80-100px), use a professional headshot, and host it on a reliable server. Note that some email clients block images by default, so your signature should still look good without photos loading.

How many social media links should I include?

Include only 3-5 social links that are relevant to your professional role. For business contacts, LinkedIn, Twitter/X, and your company website are most common. Too many icons clutter the signature and dilute the impact. Choose platforms where you are actively engaged and that support your professional brand.