如何在适用于大多数邮件提供商的电子邮件中嵌入图像?

时间:2016-07-01 18:18:10

标签: html email outlook

我知道有人问过这个问题。我读过关于SO的各种文章。但永远不要理解他们。

我尝试了以下方法。

HTML CODE:

    <html>
        <img class="center" style="" align="center" border="0" src="header.jpeg" alt="Image" title="Image" width="700">
        <span> Please find the enclosed report </span>
    </html>

现在,我想在此电子邮件中嵌入我的图像并发送。

我尝试了什么:

1)Base64 URI(对于标题)

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

但这不是关于展望的。

2)附加图像作为附件(到标题)并发送正文html(显然,这不起作用)

我见过很多网站,他们成功发送了正确的电子邮件。他们是怎么做到的?我错过了什么? (我也注意到他们没有附加任何附件。如果不是DataURI,他们是如何做到的?)

  • - [R

2 个答案:

答案 0 :(得分:0)

电子邮件非常有用。它是关于带有内联CSS的旧学校HTML的全部内容。抛弃基本URL并将完整的URL路径放在IMG标记中,如

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Example.svg/2000px-Example.svg.png" alt="Smiley face" >

答案 1 :(得分:0)

Outlook不支持嵌入式( select * from table1 table inner join table2 t on t.column= table.column where condition inner join table3 tb on tb.column = table.column where condition )图像 - Word无法呈现它们。

通过内容ID嵌入图像(<img src="data:image/jpeg;base64...>,其中xyz是图像附件MIME部分上Cintent-ID属性的值)适用于所有电子邮件客户端。

通过网址引用图片在Outlook中效果不佳 - 默认情况下会阻止所有外部内容,除非用户点击每封电子邮件上的按钮。