我正在尝试用HTML做一个签名,使用的是用base64数据URL编码的图像。下面是一个例子:
<img src="data:image/png;base64,iVBORw0KGgoAAAAN...kJggg==">
它适用于邮件软件,如mail on Mac或Thunderbird,但不适用于网页邮件,如gmail,outlook,roundcube,hotmail……
你知道怎么让它工作吗?我真的很想把这些图片直接放到源代码中,这样更实用。
发布于 2012-10-24 22:18:00
简单的答案?
你不能。Gmail,outlook等都会忽略base64图片。
Look at this site to learn more about this
所以根据我们的结果,在你的电子邮件中使用嵌入图像显然是不值得的。你所要做的就是强迫人们下载他们将无法查看的编码图像。
发布于 2016-09-18 05:41:51
我使用的是嵌入式SVG,原因如下:
但如果你真的想在Gmail和Outlook中显示图片,你需要通过HTTP加载这些图片。
CSS-tricks的家伙在电子邮件中有一个关于SVG的很好的指南:https://css-tricks.com/a-guide-on-svg-support-in-email/
最终的解决方案如下:
/* Resize an element that has a width and height of zero to full size */
.showy {
height: 100% !important;
width: 100% !important;
}
<!-- Image: SVG -->
<img class="showy" width="0" height="0" src="my-image.svg">
<!-- Image: JPG -->
<img class="no-showy" src="my-image.jpg">
但我个人不喜欢它,因为我不希望客户端询问用户是否要加载额外的资源。
https://stackoverflow.com/questions/13049453
复制相似问题