如果无法下载电子邮件HTML图像，则img占位符非常大

Question

我有以下html：

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

样式化：

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

图片是我在HTML电子邮件顶部的横幅。我需要它始终调整宽度为600px，然后相对于宽度缩放高度（因此图像不会扭曲）。

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

如果无法下载图像，我无法找到限制高度调整大小的最佳方法。我无法设置最大高度或高度，因为如果成功下载图像会使图像失真（注意图像文件高度可以变化）。

有什么想法吗？

Answer 1

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

1. 检查图像文件是否存在
2. 直接在src中插入base64编码的文件内容（这种方式永远不会是404s）

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

1. 检查图像文件是否存在（使用URL）
2. 获取图像大小并将其写入img标记

Answer 2

尝试将图像放在div标签中并设置样式min-height：例如200px或如果可能的话，将minble-height参数添加到图像中。

Answer 3

这个问题的实际答案是纯HTML / CSS无法实现。电子邮件客户端对JS的支持很少，因此不能选择。

由于图像的高度可能是任何东西，并且每次检查链接似乎都不需要这样的小问题，我的解决方案是接受HTML电子邮件的限制并接受丢失的图像将是奇怪的大小