HTML Appstore 链接和徽标在电子邮件中出现损坏答案

【问题标题】：HTML Appstore link and logo appears broken in the emailsHTML Appstore 链接和徽标在电子邮件中出现损坏
【发布时间】：2022-10-25 20:34:09
【问题描述】：

我从 tools.applemediaservices.com 创建了一个指向应用程序的苹果商店链接，并将其嵌入到我在电子邮件中使用的 HTML 中 - 下面是 a 标签。

<a href="https://apps.apple.com/us/app/symphony-secure-communications/id1098963705?itsct=apps_box_badge&amp;itscg=30200" style="display: inline-block; overflow: hidden; border-radius: 13px; width: 250px; height: 83px;"><img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/en-us?size=250x83&amp;releaseDate=1465171200&h=79f9b0d11830b0975c496e1c6812d49c" alt="Download on the App Store" style="border-radius: 13px; width: 250px; height: 83px;"></a>

徽标在浏览器中显示正常，但是当我在浏览器中进行测试时，仅在电子邮件中显示替代文本。

【问题讨论】：

标签： html css

【解决方案1】：

Gmail 不支持 svg 图像格式，因此为了显示它，您应该在某个地方托管 png 版本的 appstore 徽章，以便在电子邮件中显示它。托管此映像的最简单方法是 Amazon s3 存储桶。

【讨论】：

【解决方案2】：

请应用此代码

   <a href="https://apps.apple.com/us/app/symphony-secure-communications/id1098963705?itsct=apps_box_badge&amp;itscg=30200"
      style="display: inline-block; overflow: hidden; border-radius: 13px; width: 250px; height: 83px;">
      <img src="https://apple-resources.s3.amazonaws.com/media-badges/download-on-the-app-store/black/en-us.svg"
         alt="Download on the App Store" style="border-radius: 13px; width: 250px; height: 83px;">
   </a>

【讨论】：