可点击的 html 电子邮件不显示图像-解网

问：

我的可点击电子邮件签名有一些问题。我在Adobe Photoshop中做了一个电子邮件签名，并尝试将其粘贴到我的Outlook邮件中。它过去曾经工作过，但现在它不再显示应有的内容。我可以在我的互联网浏览器中打开它，但是在粘贴它并在Outlook中预览它时，我的签名无法正确显示，它不显示图像，只有小缩略图徽标，有时甚至不显示。我的所有设置都允许在Outlook中使用HTML，也许在我的代码中存在问题或可以做得更好。

这是我的图片之一（最简单的一张不包含任何信息）：Mail-14.png

<html>
<head>
<title>Email-sign</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<style media="screen" type="text/css">
    td {line-height:0; font-size: 0.0em; }
    img { display: block; float: left; padding: 0; align: absbottom; align: texttop; }
</style>
</head> 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="301" height="136" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="10">
            <img src="images/Email-sign_01.png" width="300" height="47" alt=""></td>
        <td>
            <img src="spacer.gif" width="1" height="47" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="images/Email-sign_02.png" width="137" height="20" alt=""></td>
        <td rowspan="2">
            <a href="https://si.linkedin.com/in">
                <img src="images/Linkedin.png" width="19" height="21" border="0" alt=""></a></td>
        <td rowspan="2">
            <a href="https://wa.me/+49xxxxxxx">
                <img src="images/Whatsapp.png" width="18" height="21" border="0" alt=""></a></td>
        <td rowspan="2">
            <a href="skype:myname?chat">
                <img src="images/Skype.png" width="20" height="21" border="0" alt=""></a></td>
        <td rowspan="8">
            <img src="images/Email-sign_06.png" width="6" height="88" alt=""></td>
        <td rowspan="7">
            <img src="images/QrCode.png" width="73" height="73" alt=""></td>
        <td rowspan="8">
            <img src="images/Email-sign_08.png" width="27" height="88" alt=""></td>
        <td>
            <img src="spacer.gif" width="1" height="20" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="images/Email-sign_09.png" width="93" height="18" alt=""></td>
        <td colspan="2" rowspan="2">
            <a href="tel:+49xxxx">
                <img src="images/Tel.png" width="44" height="18" border="0" alt=""></a></td>
        <td>
            <img src="spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <a href="tel:+49xxxxx">
                <img src="images/Tel-11.png" width="57" height="17" border="0" alt=""></a></td>
        <td>
            <img src="spacer.gif" width="1" height="17" alt=""></td>
    </tr>
    <tr>
        <td rowspan="5">
            <img src="images/Email-sign_12.png" width="84" height="50" alt=""></td>
        <td colspan="6">
            <a href="mailto:[email protected]">
                <img src="images/Mail.png" width="110" height="17" border="0" alt=""></a></td>
        <td>
            <img src="spacer.gif" width="1" height="17" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <a href="mailto:[email protected]">
                <img src="images/Mail-14.png" width="33" height="1" border="0" alt=""></a></td>
        <td colspan="4" rowspan="2">
            <a href="https://mydomain.mycom">
                <img src="images/Website.png" width="77" height="15" border="0" alt=""></a></td>
        <td>
            <img src="spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="3">
            <img src="images/Email-sign_16.png" width="33" height="32" alt=""></td>
        <td>
            <img src="spacer.gif" width="1" height="14" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" rowspan="2">
            <img src="images/Email-sign_17.png" width="77" height="18" alt=""></td>
        <td>
            <img src="spacer.gif" width="1" height="3" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/Email-sign_18.png" width="73" height="15" alt=""></td>
        <td>
            <img src="spacer.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="spacer.gif" width="84" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="9" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="24" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="20" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="19" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="18" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="20" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="6" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="73" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="27" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
</body>
</html>

html-email 电子邮件签名

我试图将我所有的图像放在我的网站上公共 html 文件并从在线加载。当我加载代码时，它只显示小的破损缩略图。图像已加载，它们是 png 格式，但由于某种原因，一个邮件签名显示在 is should，另一个没有，并且代码是相同的。这两个签名在我的浏览器预览中都显示正常。

0赞 WebManager 10/17/2023

此外，当我尝试将其粘贴到 MS Word 中时，它显示有一些东西，但一切都是空白的。当我使用相同的 html 代码粘贴另一个签名，但图像较少时，签名会正常显示。

答： 暂无答案

上一个：如何间隔这 3 个按钮

下一个：如何在 SendGrid 动态模板中嵌入 Gmail 标记

可点击的 html 电子邮件不显示图像

Clickable html email not showing images

评论