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 email 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.
In order to create an e-mail signature for Outlook (or for another e-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.
<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>
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 and in other email applications or online services. gmail, Webmail, Yahoo, iCloud. Com Roundcube or others.
