Skip to content

HTML Email Signature Generator

Fill in your details to build a clean signature block, then copy the ready-to-use HTML into Gmail, Outlook or Thunderbird.

Preview

Your Name

HTML

<table cellpadding="0" cellspacing="0" style="font-family:Arial,Helvetica,sans-serif;color:#1f2937;">
  <tr>
    
    <td style="vertical-align:top;border-left:3px solid #10b981;padding-left:16px;">
      <p style="margin:0;font-size:16px;font-weight:bold;color:#111827;">Your Name</p>
      
      
      
    </td>
  </tr>
</table>

How to use this signature in your email client

Copy the HTML and paste it into your email client's signature settings (Gmail: Settings → General → Signature; Outlook: File → Options → Mail → Signatures). Most clients accept pasted rich HTML directly from the preview box.

Built entirely in your browser

Your name, contact details and photo are only used to build the HTML shown on this page. Nothing is sent to a server — the photo is resized and embedded locally using your browser's Canvas.

Frequently asked questions

Why might my photo not show up in some email clients?

Some webmail providers strip embedded (base64) images from pasted signatures. For maximum compatibility, consider hosting the photo online and using an image URL instead once you've copied the HTML.

Can I edit the HTML after copying it?

Yes, the copied HTML is plain markup you can further adjust in any code or email editor.

Will this work on mobile Gmail or Outlook apps?

Signatures are usually managed from the desktop web version of your email provider; mobile apps typically sync the same signature afterwards.

Related tools

You might also need these while working on the same task.