【问题标题】:Image url inside an email template changes and the image does not show properly [duplicate]电子邮件模板中的图像 url 发生更改,图像无法正确显示 [重复]
【发布时间】: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" alt="email" height="20" 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"
    alt="email" height="20" 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>

我该如何解决这个问题?

【问题讨论】:

    标签: email svg smtp gmail html-email


    【解决方案1】:

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

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

    【讨论】:

    • 嗨,我和雅虎有同样的问题。 yahoo 无法将图像从我的服务器加载到我的 HTML 电子邮件模板中,请问您能告诉我是什么问题吗?
    猜你喜欢
    • 1970-01-01
    • 2020-04-27
    • 2018-09-01
    • 2023-03-31
    • 2019-05-04
    • 1970-01-01
    • 2020-10-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多