How to make an HTML signature with picture for Outlook

The best practice guide for e-mail messages says that each user must have a signature. Regardless of whether it is a personal e-mail address or a business e-mail account. In the tutorial below you will see how to make an HTML signature with a picture for Outlook or for another e-mail service / application that accepts HTML code.

If for personal accounts it is enough a closing greeting, followed by the phone number and e-mail address, for a business account it is often requested that the company logo be included in the signature of the e-mail messages , the photo of the correspondent or even a banner with promotions and offers.

How to make an HTML signature with picture for Outlook

To make an email signature for Outlook (or for another mail client) in which there are customized elements such as: font type, color, formatting and font size, inserted picture, it is necessary to create an HTML code of the signature.

Below you have a code template for the HTML signature with a picture. You can change this code with the given data, then copy it to the signature of the e-mail address.

<html>
  <head>
    <style>
      .signature {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #333;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <td valign="top">
          <img src="image_url.jpg" alt="Your Name" height="100" width="100">
        </td>
        <td valign="top" class="signature">
          <p>
            Your Name<br>
            Job Title<br>
            Company Name<br>
            Email: <a href="mailto:your.email@example.com">your.email@example.com</a><br>
            Phone: (555) 555-5555
          </p>
        </td>
      </tr>
    </table>
  </body>
</html>
how do you make an HTML signature with a picture for Outlook
How to make an HTML signature with picture for Outlook

It is preferable for the picture to be hosted on a web server from where it can be served to the recipient. This means that if the picture from the signature in the e-mail is not visible, <img src="image_url.jpg"... you must indicate the web address of the picture.

The HTML code is quite intuitive and if you play with the values ​​you will get the desired changes. You can change the size of the writing in the signature, the dimensions and position of the picture, or other elements.

Example:

<img src="https://yourdomain.tld/image_url.jpg" alt="Your Name" height="100" width="100">

The signature can be used both in Outlook when in other email applications or online services. gmail, Webmail, Yahoo, iCloud. Com Roundcube or others.

Passionate about technology, I enjoy writing on StealthSettings.com since 2006. I have a rich experience in operating systems: macOS, Windows, and Linux, as well as in programming languages and blogging platforms (WordPress) and for online stores (WooCommerce, Magento, PrestaShop).

How to » Microsoft Office » Microsoft Office Outlook » How to make an HTML signature with picture for Outlook
Leave a Comment