Html Gmail阻止电子邮件模板中嵌入的小型内联图像
我正在向我的会员发送电子邮件,看起来Gmail正在阻止我在电子邮件中放置的图像。它们作为base 64编码的字符串嵌入到img标记中。我在网上看过多条关于Gmail不发送图片的帖子,但没有发现任何有用的东西。 以下是我到目前为止尝试过的一些东西。 1.在Gmail中启用外部图像(通过设置图标) 2.将图像大小减少到8000字节以下(Outlook.com不会发送约15000字节的图像) 如果我发送到outlook.com的电子邮件地址,我会很好地收到图像,但是在Gmail中,img标签的src是空的,并且没有图像显示在电子邮件中。 我用它来测试/发送电子邮件,所以我知道这不是SendGrid(我的电子邮件发送服务)或我的应用程序的问题 下面是我的一个模板。我正在使用litmuss的电子邮件模板。下面的所有内容基本上都是默认的,除了我添加的额外信息,如图片和电子邮件正文中的一些额外文本 这是一个完整的模板,带有图像数据,可以直接复制到putsmail并发送到测试!任何关于Gmail为什么不发送图片的帮助或信息都会很好Html Gmail阻止电子邮件模板中嵌入的小型内联图像,html,image,email,gmail,Html,Image,Email,Gmail,我正在向我的会员发送电子邮件,看起来Gmail正在阻止我在电子邮件中放置的图像。它们作为base 64编码的字符串嵌入到img标记中。我在网上看过多条关于Gmail不发送图片的帖子,但没有发现任何有用的东西。 以下是我到目前为止尝试过的一些东西。 1.在Gmail中启用外部图像(通过设置图标) 2.将图像大小减少到8000字节以下(Outlook.com不会发送约15000字节的图像) 如果我发送到outlook.com的电子邮件地址,我会很好地收到图像,但是在Gmail中,img标签的src是
/*字体*/
@@媒体屏幕{
@@字体{
字体系列:“Lato”;
字体风格:普通;
字体大小:400;
src:local('Lato-Regular')、local('Lato-Regular')、url(https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff)格式(“woff”);
}
@@字体{
字体系列:“Lato”;
字体风格:普通;
字号:700;
src:local('Lato-Bold')、local('Lato-Bold')、url(https://fonts.gstatic.com/s/lato/v11/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff)格式(“woff”);
}
@@字体{
字体系列:“Lato”;
字体:斜体;
字体大小:400;
src:local('Lato-Italic')、local('Lato-Italic')、url(https://fonts.gstatic.com/s/lato/v11/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff)格式(“woff”);
}
@@字体{
字体系列:“Lato”;
字体:斜体;
字号:700;
src:local('Lato-Bold Italic')、local('Lato-Bold Italic')、url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff)格式(“woff”);
}
}
/*特定于客户端的样式*/
身体,桌子,td,a{
-webkit文本大小调整:100%;
-ms文本大小调整:100%;
}
表,td{
mso表空间:0pt;
mso表rspace:0pt;
}
img{
-ms插值方式:双三次插值;
}
/*重置样式*/
img{
边界:0;
高度:自动;
线高:100%;
大纲:无;
文字装饰:无;
}
桌子{
边界崩溃:崩溃!重要;
}
身体{
身高:100%!重要;
边距:0!重要;
填充:0!重要;
宽度:100%!重要;
}
/*iOS蓝色链接*/
a[x-apple-data-Detector]{
颜色:继承!重要;
文字装饰:无!重要;
字体大小:继承!重要;
字体家族:继承!重要;
字体大小:继承!重要;
行高:继承!重要;
}
/*移动风格*/
@@媒体屏幕和屏幕(最大宽度:600px){
h1{
字体大小:32px!重要;
线高:32px!重要;
}
}
/*安卓中心补丁*/
div[style*=“边距:16px 0;”]{
边距:0!重要;
}
我们很高兴你创造了一个瑜珈班活动!为会员注册做好准备。
创建的事件
我们很高兴您创建了一个活动。以下是一些细节
@Model.Date.ToLongDateString()
时间:@Model.Date.ToShortTimeString()
<img src="cid:image1" alt="SpaceImage" title="Space Image" style="display: block" width="225" height="126" />
<img src="cid:image2" alt="HostImage" title="Host Image" style="display: block" width="225" height="225" />
"Some HTML text and an image \<img src="cid:image1"\>Nifty!"
msg.add_related(img.read(), 'image', 'png', cid='image1')
msg.add_related(img.read(), 'image', 'png', cid='\<image1\>')