在不使用div的情况下在html中裁剪图像

Question

我正在开发电子邮件集成。我知道div标签在各种平台上都没有得到很好的解释（一些Outlook版本，一些webmails等）。

我的问题：我想裁剪未知大小的图像...不使用div标签（所以用表...）！你觉得有可能吗？

谢谢！ 燕姿

Answer 1

没有真正保证在HTML电子邮件中裁剪图像的方法。最接近的是用作背景图像，容器的声明宽度/高度小于实际尺寸。问题是一些客户不仅可以忽略它并显示完整的大小，而且其他客户可能会扭曲图像以适应所列容器的大小。

您最好的选择是事先手动将其裁剪为正确的大小并假设HTML / CSS调整大小不起作用（感谢Outlook），但我知道有时使用自动模板这不是一个选项。找到解决方案的另一个选择是使用this CSS guide和像Acid on Acid这样的测试网站进行试错。使用从您过去的电子邮件收集的数据，我会找到您最受欢迎的电子邮件客户端和设备，并尝试最大化这些。您可能也不得不愿意向观众的较小部分提供损坏的电子邮件。

Answer 2

由于此问题特定于电子邮件。除非您只支持Apple Mail这样的客户，否则无法在电子邮件客户端中执行此操作，这当然不是一个好主意。

Outlook桌面客户端将忽略图像上的任何大小调整并显示其实际大小。我认为Outlook.com也是这样做的。

如果您要提取未知图片，此电子邮件是由脚本还是RSS生成的？如果是这样，可能有方法在使用PHP或支持图像处理的其他语言访问电子邮件之前调整图像。但这超出了这个问题的范围。

最重要的是，在HTML电子邮件中无法做到这一点。和其他人一样，如果可以，只需将图像裁剪成您需要的尺寸，然后再将其放入电子邮件中。