Become a MacRumors Supporter for $25/year with no ads, private forums, and more!

HTML Signature in Apple Mail for El Capitan OS


macrumors newbie
Original poster
Jun 28, 2016
I am creating a signature for on El Capitan and when iload it, the images appear as a blue box with question mark.
Kindly advise where i am going wrong as the HTML code seems ok when viewed in browser.

Below is the code:


<style type="text/css">{margin:0;padding:0;border:none !important;text-decoration:none !important;}
  table,tr,td,a,span{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}

  <strong style="color:Black">Jai Trivedi, ACA</strong>. <br>
  <strong style="color:Black"> Mob: +254 738 602614 </strong> <br>

<p> <strong style="color:black">Muranga Forwarders Ltd </strong><br> <p></p>

4th Floor Taara Plaza <br>
Off Moi Avenue<br>
PO Box 84208-80100<br>
Tel + 254 (0) 716 430 643; (0) 733 808 180<br>

<a href="" target="_blank" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;"></a> <br>

<a href="
:company,idx:2-1-6,tarId:1429098340240,tas:muranga" target="_blank" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;"><img src="images/linkedin.png" width="40" height="28" border="0"></a> <br>

<img src="images/logo.PNG" border="0">

Last edited by a moderator:


macrumors 68020
Aug 24, 2013
Far from here

what is wrong is the image path.

You need to either :

1. host your image then use its URL :

<img src="image_URL_here" border="0">

or :

2. create a code that will generate the image : in Terminal, enter :

openssl base64 -in

then add a space an drag your image (LinkedIn logo for example) into the Terminal window.

Example : openssl base64 -in /Users/Newtone/Images/linkedin.PNG

Hit Enter.
A code is generated.
Use it as follows :

<img src="data:image/png;base64,insert_code_here" border="0">

You can also use this :
(take a look at the tutorial page).
Last edited:
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.