How to Create an HTML Email Signature

Royal Mail Post Box

I thought I had quite a good knowledge of HTML until I was asked to create an HTML Email Signature. How wrong I was! I quickly had to unlearn most of what I knew.

The problem is that the HTML needs to be interpreted by all sorts of email clients. Probably the most challenging being Outlook, which apparently uses Word to display and edit its emails. Yes, you read that right! Outlook uses Word to display and edit its emails. Therefore, you need to write the signature in a form that Word can understand, which essentially means write it as an HTML Table.

So, lets get started…

The Header

I will be using an XHTML doctype since it is well tested and likely to work best with most email clients. The following is the doctype declaration , opening html tag and head section:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Warminster Web Email Signature</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>

The Body

The body of the signature needs to take the form of an HTML table so that it can correctly be interpreted by Outlook. I have set the width of the table to that of my logo, which I will be placing in the first row. There is only one cell per row and the height of each row is set in the

tag. I have set font styles for the second and third rows which will contain text. The fourth row will contain social media icons.

<body>
<table border="0" cellpadding="0" cellspacing="0" width="277">
  <tbody>
    <tr>
      <td height="63">
<!--Content of first row-->
      </td>
    </tr>
    <tr>
      <td height="64" style="font-family:Raleway, Arial, sans-serif; font-size:18px;">
<!--Content of second row-->
      </td>
    </tr>
    <tr>
      <td height="60" style="font-family:Raleway, Arial, sans-serif; font-size:16px;">
<!--Content of third row-->
      </td>
    </tr>
    <tr>
      <td height="55">
<!--Content of fourth row-->
      </td>
    </tr>
  </tbody>
</table>
</body>

The first row will contain my logo with a link through to my website. The logo is a PNG which looks like this:

Warminster Web Logo

There are three ways of including an image in a HTML Email message:

  1. Host the image on a web server and include a link to it
  2. Attach the image to the signature and include a link to the attachment
  3. Encode the image in base64 and embed the encoded image

Each have their own pros and cons. Hosting the image on a web server will result in a small email message which is unlikely to be blocked by spam detectors. However, when rendering the email in Outlook, the image will not automatically be downloaded. The reader will have to click a link to download the image.

Attaching the email to the signature and including a link will result in larger emails, but the image will always be displayed without requiring download. However, some devices may show the image as an attachment to the email rather than inline with the signature.

Encoding the image in base64 and embedding the code will again result in a larger email, but the image will always be displayed inline in the correct place. Therefore, this is the solution that I will adopt. There are various online services to encode an image in base64. The one I have chosen is image2base64

The resultant code to include my logo linked to my website is:

<a href="https://warminsterweb.co.uk/"><img src="data:image/png;base64,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" alt="Warminster Web Logo"></a>

The second row contains my name and a strapline

<strong>Mike Palmer</strong><br>
<em style="font-size:17px; font-weight:400;">Affordable Websites</em>

The third row contains contact details

<a href="mailto:info@warminsterweb.co.uk" style="text-decoration: none; color:#2624ae;">info@warminsterweb.co.uk</a><br>
<a href="https://warminsterweb.co.uk/" style="text-decoration: none; color:#2624ae;" target="_blank">warminsterweb.co.uk</a><br>
Mobile: 07881 913387

The fourth row contains Facebook and Youtube icons linking to my Facebook page and Youtube channel respectively. Again, I have used base64 encoding for the images.

<a href="https://www.facebook.com/warminsterwebsites" style="text-decoration: none;" target="_blank">
          <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAACBklEQVRIS+2WP2gTYRjGn+e7HN7lymkVERw6O+igIApqiRhbKwQxjU7SxcmlRQfBQbDgLrYOnSyIgkQomiwmDergLMVJcNJFcKhVTC41uXvlIjkvKYbeJQ5Kbzu+931/3/uP7yHCX6aYtJz1Ex5xElBGx1nEH1LWQBRqR9+uYHbW893ZjmGkl46T8gjASMS4Pc1JVEBM1UqTn1owK/30gEf3OYC9gwSFYhWdhHOJSL1MJPXVBQEuxwQ1AM6Lxvn6kZWP7ZJh7IFliJUncBaAC+AC7fH8zoan+VkdjgFzIbjqVLL3AEqHfycMAlmgderZHk81XwHYFwP2WlfuuW+li6sbfAcN829bX85dCYOGJvK7paEOeVQ2IDcAHPTP+8+MvOaUs3faMB/UbGovCOzvznQQsBmnnJ1rB+7Vkn8DpkTOVCu5Us+ByhSTZv3HYwCZvnq2GdhwOr+9Tq0AYPSvw7r7F7tnIrillLxxBe/Wl3Pvg3KmFg1DHzqmyCREjQjkNoAdfWUWBCf/s2ncyiy8h7GncauMG8rY9XxHez+j7BlxsyV4zLGlaYjcjUbytdmml3qNkNO/pNzEQ9t0zfsQTEYEfobwS+CjJAFpSUE9FCfQKYFuRGrRMHV7GsB1ALsiQv9k/oHCmVrlfMEXRL9hgbnQHn8y7Da3hW8XmV3Vvn5HeaoadvwJZXlqOC24WBQAAAAASUVORK5CYII=" alt="Facebook Icon">
        </a>
        <a href="https://www.youtube.com/channel/UC95RTKTuY6Ll6ISWmy52J2Q?view_as=subscriber" style="text-decoration: none;" target="_blank">
          <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAUCAYAAABxnDbHAAABoUlEQVRIS73Wv49NQRjG8c+IXyFRLEJLREsjKxGVhC0UChshOiEKohW7RGysKJBsRCMSFZGlES0difgjFBrxo6ETceS9O2dzCvecOXtvnHLuO8/3fWfeed6bDPkq1mLTsN8L1n8kfv0rLtWLFZtxBaewvUC0NOQznmA+8T02DaAVE3iKw6VKK4h7g5OJLzX0OBZXINR3y3TieQ2dw2yHQhzTCxzA3r60HH87cTlVbMDDfJdtWoMNFRtxCVexvic87vZsQEPkEU50CAygjcbbiTs41gP8DGcCugWvMNkHmhtwNU7jVmHHv8fRkaCNqrfl4z6HNS3Jjw+aq46m3I/H2D0EPF5o47jv4uJ/gRZ29XgqrViFI1jAro5mHB1aEQ10HecLn80ytJc55Ltbl81kvvCp1Dktm0OMsPvhFB3ZPshOtAf3cLCwumZYON+F2ntjpN0sEPmUK2t7i20yM2lpxA1G2xRedjzsgpxaQ35iKvGuhoadhYFfG1W5Zf8NzCV+N/85ROvH2DqEfZY8Ob6t2NEjmY/4muO/4QNe423iT6z/BeyGabto4PXLAAAAAElFTkSuQmCC" alt="Youtube Icon">
        </a>

The resultant email signature looks like this:

Warminster Web Logo
Mike Palmer
Affordable Websites
info@warminsterweb.co.uk
warminsterweb.co.uk
Mobile: 07881 913387
Facebook Icon Youtube Icon

A final note about combining cells in the table. Basically, you can’t. If you want to prepare a signature with different numbers of cells on each row, then it is possible, but you need to to it by including another table within the cell of the first table.

Leave a Reply

Your email address will not be published. Required fields are marked *