Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ HTML e-mail signature for dark mode

Posted by: Orkun Dec 6 2019, 03:46 AM

Well, I guess the topic description itself says what I am looking for. How can someone make an HTML e-mail signature with logo have a transparent background? With all the new email clients especially in Apple Mail, iOS mail and more supporting this now, normal emails I create are rendered with white background on gmail for example, but with dark background in Apple Mail, which is fine.
But as soon as I put a logo in my HTML e-mail signature, the default rendering for any e-mail client becomes white. Is there a way to make it behave as if the background is transparent?

Posted by: pandy Dec 6 2019, 06:44 AM

Make the background transparent in an image editor.

Posted by: Orkun Dec 6 2019, 06:39 PM

QUOTE(pandy @ Dec 6 2019, 12:44 PM) *

Make the background transparent in an image editor.


Thanks a lot, I don't think there is a background image in the email signature code, what shall I do to make it dark mode compatible?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
</head>
<body>
<br>
<br>
<a href="http://www.xxx.com" target="_blank"><img src="https://www.xxx.com/signature.png" alt="xxx" width="114" height="26" border="0"></a><br>
<font color="#312D2A" size="2" face="Sans, Verdana, Arial, Helvetica, sans-serif"> Name, Job Title<br>
Office: +0.000.000.0000<br>
Mobile: +0.000.000.0000<br>
Department<br>
Address</font>
</body>
</html>

Posted by: Orkun Dec 6 2019, 06:40 PM

QUOTE(pandy @ Dec 6 2019, 12:44 PM) *

Make the background transparent in an image editor.


Thanks a lot, I don't think there is a background image in the email signature code, what shall I do to make it dark mode compatible?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
</head>
<body>
<br>
<br>
<a href="http://www.xxx.com" target="_blank"><img src="https://www.xxx.com/signature.png" alt="xxx" width="114" height="26" border="0"></a><br>
<font color="#312D2A" size="2" face="Sans, Verdana, Arial, Helvetica, sans-serif"> Name, Job Title<br>
Office: +0.000.000.0000<br>
Mobile: +0.000.000.0000<br>
Department<br>
Address</font>
</body>
</html>

Posted by: pandy Dec 7 2019, 09:29 AM

There is some kind of image and it's called signature.png. You masked the URL to it.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)