时间戳

首页 > 解决方案 > 如何在 gmail 的 html 电子邮件内容中显示图像？

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

问题描述

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

例如，

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

Url for the same image in Gmail : https://ci5.googleusercontent.com/proxy/2B2Fyk0aboH-eiikaxVWdIC9DXbJzhZEuWKm5yPwUeXf3SdYRuoKBGT-HeCFRlNcg7VTzljtSsEhHkikFMGPac35C6Az2Fc2wsdig3xj0S3g1bEIABaMx9RKnTjYuqagP1hUGNl3GG4f2aHy26wHrINZkdn5Wv3y6zcvbWHUL8rabUcjHuCO05i8RM31x8iFJmUorccqIJM6P9f6-eLIaQ5GpZYCrKPJws72HfM2-AsXcg=s0-d-e1-ft# http://qaecmwcs.qacorp.moneygram.com/站点/卫星？blobcol=urldata&blobkey=id&blobnocache=true&blobtable=MungoBlobs&blobwhere=1515690635784&ssbinary=true

当我从 DevTools 手动删除图像 src 中的附加 url 部分时，我可以看到图像。谁能告诉我如何在gmail中处理这个问题？

标签： html-email

解决方案

如果您希望图像可以在电子邮件中使用，那么您的观众必须可以看到它。图像路径应该简单明了。您在问题中一遍又一遍地发布的是公众无法访问的图像，因此它们永远不会用于电子邮件。

图像路径

这是应该如何格式化图像：

<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 标准。因此，创建复杂的电子邮件可能会很受欢迎。

以下电子邮件模板将让您了解如何创建电子邮件、图像外观、图像类如何工作。

电子邮件模板示例：

请花时间阅读此答案，阅读随附的示例。

祝你的图片好运。

推荐阅读