如何在gmail中的html电子邮件内容中显示图像？

Question

在yahoomail和html电子邮件中，图片正在加载但不在gmail中。我观察到在gmail中，图像网址被更改了。

例如，

yahoo / Hotmail中的图片网址：http://qaecmwcs.qacorp.moneygram.com/sites/Satellite?blobcol=urldata&blobkey=id&blobnocache=true&blobtable=MungoBlobs&blobwhere=1515690635784&ssbinary=true

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

当我手动删除图像src中的其他url部分时，从DevTools然后我能够看到图像。任何人都可以告诉我如何在gmail中处理这个问题？

Answer 1

如果您希望图片在电子邮件中使用，则必须由您的受众群体查看。图像路径应该简单明了。您在问题中反复发布的内容是公众无法访问的图片，因此它们永远不会用于发送电子邮件。

图片路径

这是图像的格式化方式：

<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" />

更多信息：

• https://www.w3schools.com/html/html_images.asp

图像描述符

作为最佳实践，图像路径应以描述符结束，该描述符定义图像的格式。适用于电子邮件的图片包括.jpg .png .gif。

更多信息：

• https://litmus.com/blog/png-gif-or-jpeg-which-ones-should-you-use-in-email

电子邮件模板

您的电子邮件模板应遵循格式良好的html页面的基本做法。电子邮件开发不是Web开发，因为电子邮件客户端不支持当前的html 5或css 3标准。因此，创建复杂的电子邮件可能非常受欢迎。

以下电子邮件模板可让您了解如何创建电子邮件，图片的外观，图片类的工作方式。

电子邮件模板示例：

• http://tedgoas.github.io/Cerberus/
• https://foundation.zurb.com/emails/docs/v1.0.5/index.html

请花点时间阅读这个答案，阅读附带的例子。

• Best Practices & Considerations when writing HTML Emails

祝你好运。

Answer 2

防火墙阻止图像显示。当客户端打开防火墙时，服务器中的图像将被加载。