Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Gmail阻止电子邮件模板中嵌入的小型内联图像_Html_Image_Email_Gmail - Fatal编程技术网

Html 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是

我正在向我的会员发送电子邮件,看起来Gmail正在阻止我在电子邮件中放置的图像。它们作为base 64编码的字符串嵌入到img标记中。我在网上看过多条关于Gmail不发送图片的帖子,但没有发现任何有用的东西。 以下是我到目前为止尝试过的一些东西。 1.在Gmail中启用外部图像(通过设置图标) 2.将图像大小减少到8000字节以下(Outlook.com不会发送约15000字节的图像)

如果我发送到outlook.com的电子邮件地址,我会很好地收到图像,但是在Gmail中,img标签的src是空的,并且没有图像显示在电子邮件中。 我用它来测试/发送电子邮件,所以我知道这不是SendGrid(我的电子邮件发送服务)或我的应用程序的问题

下面是我的一个模板。我正在使用litmuss的电子邮件模板。下面的所有内容基本上都是默认的,除了我添加的额外信息,如图片和电子邮件正文中的一些额外文本

这是一个完整的模板,带有图像数据,可以直接复制到putsmail并发送到测试!任何关于Gmail为什么不发送图片的帮助或信息都会很好


/*字体*/
@@媒体屏幕{
@@字体{
字体系列:“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\>')