如何在 gmail 中的 html 电子邮件内容中显示图像?
How to display images within html email content in gmail?
在 yahoomail 和 html 电子邮件中,图像正在加载,但在 gmail 中没有。我观察到在 gmail 中,图像 urls 被改变了。
例如,
yahoo/Hotmail 中的图片 URL:http://qaecmwcs.qacorp.moneygram.com/sites/Satellite?blobcol=urldata&blobkey=id&blobnocache=true&blobtable=MungoBlobs&blobwhere=1515690635784&ssbinary=true
Url 对于 Gmail 中的同一张图片:https://ci5.googleusercontent.com/proxy/2B2Fyk0aboH-eiikaxVWdIC9DXbJzhZEuWKm5yPwUeXf3SdYRuoKBGT-HeCFRlNcg7VTzljtSsEhHkikFMGPac35C6Az2Fc2wsdig3xj0S3g1bEIABaMx9RKnTjYuqagP1hUGNl3GG4f2aHy26wHrINZkdn5Wv3y6zcvbWHUL8rabUcjHuCO05i8RM31x8iFJmUorccqIJM6P9f6-eLIaQ5GpZYCrKPJws72HfM2-AsXcg=s0-d-e1-ft#http://qaecmwcs.qacorp.moneygram.com/sites/Satellite?blobcol=urldata&blobkey=id&blobnocache=true&blobtable=MungoBlobs&blobwhere=1515690635784&ssbinary=true
当我从 DevTools 中手动删除图像 src 中的附加 url 部分时,我就可以看到图像了。谁能告诉我如何在 gmail 中处理这个问题?
如果您希望图片在电子邮件中有效,您的观众必须可以看到它。图像路径应该简单明了。您在问题中反复发布的是一般人无法访问的图像 public,因此它们永远不会用于电子邮件。
图片路径
图片格式应如下所示:
<img src="staticpath" alt="imagename" class="imageclass" />
<img src="https://www.w3schools.com/images/w3schools_green.jpg" width="104" height="142" alt="W3Schools.com">
<img src="https://placehold.it/600x600" height="600" width="600" />
更多信息:
图像描述符
作为最佳做法,图像路径应以定义图像格式的描述符结尾。适用于电子邮件的图像包括 .jpg
.png
.gif
.
更多信息:
电子邮件模板
您的电子邮件模板应遵循格式良好的 html 页面的基本做法。电子邮件开发不是 Web 开发,因为电子邮件客户端不支持当前的 html 5 或 css 3 标准。因此,创建复杂的电子邮件可能会很碰运气。
以下电子邮件模板将让您很好地了解应如何创建电子邮件、图像应如何显示以及图像 类 的工作原理。
电子邮件模板示例:
请花时间通读此答案,通读所附示例。
- Best Practices & Considerations when writing HTML Emails
祝你的图片好运。
防火墙阻止图像显示。当客户端打开防火墙时,服务器内的图像就会被加载。
在 yahoomail 和 html 电子邮件中,图像正在加载,但在 gmail 中没有。我观察到在 gmail 中,图像 urls 被改变了。
例如,
yahoo/Hotmail 中的图片 URL:http://qaecmwcs.qacorp.moneygram.com/sites/Satellite?blobcol=urldata&blobkey=id&blobnocache=true&blobtable=MungoBlobs&blobwhere=1515690635784&ssbinary=true
Url 对于 Gmail 中的同一张图片:https://ci5.googleusercontent.com/proxy/2B2Fyk0aboH-eiikaxVWdIC9DXbJzhZEuWKm5yPwUeXf3SdYRuoKBGT-HeCFRlNcg7VTzljtSsEhHkikFMGPac35C6Az2Fc2wsdig3xj0S3g1bEIABaMx9RKnTjYuqagP1hUGNl3GG4f2aHy26wHrINZkdn5Wv3y6zcvbWHUL8rabUcjHuCO05i8RM31x8iFJmUorccqIJM6P9f6-eLIaQ5GpZYCrKPJws72HfM2-AsXcg=s0-d-e1-ft#http://qaecmwcs.qacorp.moneygram.com/sites/Satellite?blobcol=urldata&blobkey=id&blobnocache=true&blobtable=MungoBlobs&blobwhere=1515690635784&ssbinary=true
当我从 DevTools 中手动删除图像 src 中的附加 url 部分时,我就可以看到图像了。谁能告诉我如何在 gmail 中处理这个问题?
如果您希望图片在电子邮件中有效,您的观众必须可以看到它。图像路径应该简单明了。您在问题中反复发布的是一般人无法访问的图像 public,因此它们永远不会用于电子邮件。
图片路径
图片格式应如下所示:
<img src="staticpath" alt="imagename" class="imageclass" />
<img src="https://www.w3schools.com/images/w3schools_green.jpg" width="104" height="142" alt="W3Schools.com">
<img src="https://placehold.it/600x600" height="600" width="600" />
更多信息:
图像描述符
作为最佳做法,图像路径应以定义图像格式的描述符结尾。适用于电子邮件的图像包括 .jpg
.png
.gif
.
更多信息:
电子邮件模板
您的电子邮件模板应遵循格式良好的 html 页面的基本做法。电子邮件开发不是 Web 开发,因为电子邮件客户端不支持当前的 html 5 或 css 3 标准。因此,创建复杂的电子邮件可能会很碰运气。
以下电子邮件模板将让您很好地了解应如何创建电子邮件、图像应如何显示以及图像 类 的工作原理。
电子邮件模板示例:
请花时间通读此答案,通读所附示例。
- Best Practices & Considerations when writing HTML Emails
祝你的图片好运。
防火墙阻止图像显示。当客户端打开防火墙时,服务器内的图像就会被加载。