电子邮件模板中的图像 url 发生更改，图像无法正确显示 [重复]

Posted

技术标签:

【中文标题】电子邮件模板中的图像 url 发生更改，图像无法正确显示 [重复]【英文标题】：Image url inside an email template changes and the image does not show properly [duplicate] 【发布时间】：2020-04-16 12:13:49 【问题描述】：

我创建了以下电子邮件模板，并使用 SendGrid 从我的网站（ASP.NET MVC、C#）向客户发送电子邮件。请注意，电子邮件末尾有一个信封图标。 

<!DOCTYPE html>
<html>
<head></head>
<body>
  <p>Some email content</p>
  <hr/>
  <p>reply info:  </p>
  <p>
    <img src='https://prod-shopless-cdn.s3-ap-southeast-2.amazonaws.com/icons/email-icon.svg' alt='email' height='20' style='vertical-align: middle; padding-right: 5px;'>
    <a rel='nofollow' ymailto='mailto:john@some-domain.com' href='mailto:john@some-domain.com'>john@some-domain.com</a>
  </p>
</body>
</html>

当我将电子邮件发送到雅虎地址时，我看到图片 URL 前附加了以下内容：https://ecp.yusercontent.com/mail? 但图片仍然显示正常：

<p> 
    <img src="https://ecp.yusercontent.com/mail?url=https%3A%2F%2Fprod-shopless-cdn.s3-ap-southeast-2.amazonaws.com%2Ficons%2Femail-icon.svg&amp;t=1577343946&amp;ymreqid=eab30077-9a08-b7e9-1c70-820001015100&amp;sig=idgsn8ycGFqhWibk5cnXTQ--~C"   style="vertical-align:middle;padding-right:5px;"> 
    <a rel="nofollow" ymailto="mailto:john@some-domain.com" target="_blank" href="mailto:john@some-domain.com">john@some-domain.com</a> 
</p>

当我将电子邮件发送到 Gmail 帐户时，我看到图像 URL 前附加了以下内容：https://ci5.googleusercontent.com/proxy/fMePoJvSwECei02DF_cx9SKczcRDRDa9XeJs263AGBRUysoCNxeZhErF834cSHBLcBGkDR-JWdfqhZkW878P9A3gM7nh8dRfdNxjVpBrGiNBBJCoRnNmBrkSAoF-TBu3IQ=s0-d-e1-ft#，并且图像不再显示。

<p>
  <img src="https://ci5.googleusercontent.com/proxy/fMePoJvSwECei02DF_cx9SKczcRDRDa9XeJs263AGBRUysoCNxeZhErF834cSHBLcBGkDR-JWdfqhZkW878P9A3gM7nh8dRfdNxjVpBrGiNBBJCoRnNmBrkSAoF-TBu3IQ=s0-d-e1-ft#https://prod-shopless-cdn.s3-ap-southeast-2.amazonaws.com/icons/email-icon.svg"
      style="vertical-align:middle;padding-right:5px" class="CToWUd">
  <a rel="nofollow" href="mailto:john@some-domain.com" target="_blank">john@some-domain.com</a>
</p>

我该如何解决这个问题？

【问题讨论】：

【参考方案1】：

Yahoo 和 Gmail 上图片 URL 的变化是因为他们使用了图片缓存，更多关于 Gmail Image Proxy 的信息

我找到了问题的答案here，看来 Google Image Proxy 适用于标准图像类型（.jpg、.png 和 .gif）...我的图像类型是 .svg，我将模板更改为使用.png，现在可以正常工作了。

【讨论】：

嗨，我和雅虎有同样的问题。 yahoo 无法将图像从我的服务器加载到我的 HTML 电子邮件模板中，请问您能告诉我是什么问题吗？

以上是关于电子邮件模板中的图像 url 发生更改，图像无法正确显示 [重复]的主要内容，如果未能解决你的问题，请参考以下文章

从 C# 中的属性获取图像 URL

CDK 拖放无法正确更改图像的位置

从 JSON 中的 URL 加载的图像视图在滚动时发生变化

无法从 URL 加载图像

Mailchimp 模板中的圆角 - 基于 CSS 或图像

FOP 无法从 url 加载图像