如何防止电子邮件客户端将我的图像添加为附件

时间:2017-09-18 04:02:17

标签: html html-email email-templates

我正在创建一个html电子邮件模板,希望能够在大多数使用过的桌面和网络电子邮件客户端(例如Outlook,Gmail或Yahoo)上显示。

我很难做一个html电子邮件模板,我的图片被视为附件。我认为可能不会将它们显示为附件,因为我订阅的大多数网站(例如Pinterest)都有他们的html电子邮件模板上的图片,但它并没有将它们显示为附件太

这是我正在测试的代码

    <table align="center">
        <tbody>
            <tr>
                <td>
                    <table>
                        <tbody>
                            <tr>
                                <td>
                                <a href="http://www.taxq.io/signup"><img src="@web/mail/img/email-for-first-users-header.jpg" style="width:auto; height: auto; border-style: none; display: block;"/></a></td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    <table>
                        <tbody>
                            <tr>
                                <td>
                                    <h2>Hi, non-user's name!</h2>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>

我基本上想要实现的是,电子邮件客户端不会在附件区域添加我的图像。

1 个答案:

答案 0 :(得分:-1)

首先在电子邮件中嵌入图像要求您将所述图像的版本作为base64编码的字符串。对图片进行编码后,跳转到您的模板或您发送的任何HTML中,并使用标准HTML图片代码嵌入它:

<img alt="My Image" src="data:image/jpeg;base64,/9j/4S/+RXhpZgAATU0AKgAAAAgACAESAAMAENkDZ5u8/61a+X...more encoding" />

然后你就完成了!送走。