html - 如果无法下载电子邮件 HTML 图片，img 占位符确实很大

Question

我有以下 html:

...
<td>
   <img src="/img/myimage.jpg"/>
</td>
...

风格:

img {
  height:auto;
  width:600px;
}

图像是我在 HTML 电子邮件顶部的横幅。我需要它始终调整到 600 像素的宽度，然后相对于宽度缩放高度(这样图像就不会变形)。

如果图像成功加载，这会正常工作，但如果图像 404s，则剩余的占位符为 600px x 600px。这是有道理的，但看起来很糟糕!

如果无法下载图像，我无法找到限制调整高度大小的最佳方法。我无法设置最大高度或高度，因为如果成功下载，这会扭曲图像(请注意图像文件高度可以可变)。

有什么想法吗？

Answer 1

考虑到您正在使用服务器端编程发送 HTML 邮件:

1. 检查图片文件是否存在
2. 直接在 src 中插入 base64 编码的文件内容(这样就不会出现 404)

如果您真的不想在邮件中内联发送图片:

1. 检查图像文件是否存在(使用 URL)
2. 获取图片尺寸并将其写入 img 标签