Question

我正在设计一个电子邮件模板，并在包括gmail在内的各种客户端上进行测试。 Gmail不会显示图像。不要告诉我gmail不支持它因为我一直在获取图像。徽标当然是在html代码中，而不是css。

这是我的header-table代码：

<table align="center" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; line-height: 1.5em;">
<tr>
<td>
<p>                 
<img style="display: block; margin: auto;" align="center" alt="Example logo" src="http://example.com/media/images/email/example-logo.png"/>
</p>                
</td>
</tr>
</table>

有什么建议吗？

Answer 1

你有错误

ALT =＆＃34;实施例＆＃34;标志＆＃34;

此HTML必须正常工作

<table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#fefefe">
    <tr>
        <td align="center">
            <table width="700" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
                <!--header starts-->
                <tr>
                    <td align="center" width="100%"><img src="http://siteurl.com/logo_beta.png" alt="Company Logo" /></td>
                </tr>
                <tr>
                    <td align="left">
                    <p><strong><font size="2.5" face="Times New Roman, Arial, Helvetica, sans-serif">Hi User!</font></strong>
                    </p>
                    </td>
                </tr>
                <tr><td><span><br></span></td></tr>
                <!--header ends-->
                <!--content starts-->
                <tr>
                    <td colspan="3" align="center">
                        <table width="700" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
                            <!--Table Content-->
                        </table>
                    </td>
                </tr>
                <!--content ends-->
                <!--fotter starts -->
                <tr>
                    <td align ="left">
                    <p><strong><font size="2.5" face="Times New Roman, Arial, Helvetica, sans-serif">Thanks<br>
                            With best wishes, Company</font></strong>
                    </p>
                    </td>
                </tr>
            </table>    
        </td>
    </tr>
</table>

Answer 2

Gmail会自动向您显示邮件中的图片。如果您的互联网连接速度较慢或移动数据有限，您可能需要更改设置，以便Gmail在显示图片之前询问您。

注意：这就是我们不应该依赖图像的原因。更好的方法是使用样式alt text因此，如果由于互联网连接不足或电子邮件提供商阻止图像，则邮件仍然存在应该工作。

Gmail会针对可疑内容扫描每封邮件，如果Gmail认为发件人或邮件可能存在疑问，则系统不会显示图片，系统会询问您是否要查看图片。

实际内容来自gmail support。

用于gmail的html电子邮件设计 - 不显示图像

2 个答案: