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

Question

我正在创建一个 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>

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

Answer 1

在电子邮件中嵌入图像首先需要您拥有该图像的一个版本作为 base64 编码字符串。一旦你的图像被编码，跳转到你的模板，或者你发送的任何 HTML，并使用标准的 HTML 图像标签嵌入它：

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

那么你就完成了！送走。