如何在电子邮件中嵌入图像?

时间:2019-04-02 13:46:35

标签: html outlook html-email

我想发送带有徽标和html模板的邮件。我在这里添加了代码;

 <div style="max-width: 31.250em; background-color:#fcf9f2;margin:auto;font-family: 'Open Sans', serif;
    font-size: 13px;">
    <div class="row">
        <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#e0e0e1">
            <tr>
                <td align="center">
            <tr>
                <td align="center">
                    <table border="0" align="center" width="50%" cellpadding="0" cellspacing="0"
                           class="container590">
                        <td height="50" style="line-height:55px;">
                            <a href=""
                               style=" border-style: none !important; border: 0 !important;"><img
                                    width="0.08em" height="40px" border="0"
                                    style="display:block; width: 170px;"
                                    src="https://www.yemeksepeti.com/assets/images/logo.png?v=1553756111693"
                                    alt="Yemek Sepeti"/></a>
                        </td>
                        </tr>
                    </table>
                </td>
            </tr>
            </td>
            </tr>
        </table>
    </div>
</tr>
    <div style="opacity: 0.9;margin-top:4.375em;margin-left: 3%;margin-right: 2%">
        <p>  %NameSurname%</p>
    </div>
    <div style="border-style: solid;border-top-width:1px;border-color:#c6c8ca;opacity: 0.9;margin-top:4.375em;margin-left: 3%;margin-right: 2%">
        <table>
            <tr>

                <td> %EMAIL%</td>
            </tr>
            <tr>
                <td style="text-align: initial"> %PASS%</td>
            </tr>

        </table>
    </div>

</br>

我发送邮件时,没有出现徽标,并且img标签上显示blockingsrc。

我试图将base64写入src,但是没有。

3 个答案:

答案 0 :(得分:2)

尝试这种方式,也许您写错了方式。

<img src="data:img/jpg;base64, {{base-64 string}}" />

答案 1 :(得分:1)

使用Base64在html中嵌入图片非常棒,请注意,base64字符串可以使您的电子邮件变得很大。

因此

1)如果您有很多图像,将图像上载到服务器并从服务器加载这些图像可以减小电子邮件的大小。 (您可以通过Google获得很多免费服务)

2)如果您的邮件中只有少量图像,则绝对可以选择使用base64字符串。

<img src="data:img/jpg;base64, {{base-64 string}}" />

答案 2 :(得分:0)

您需要将图片添加为附件,并设置其Content-ID MIME标头(例如“ xyz”)。然后,您的HTML正文可以使用src属性(例如<img src="cid:xyz">)来引用该图片