html - 折叠电子邮件模板上的卸载图像 'white space'

Question

首先，之前可能有人问过这个问题，但我与之关联的通用术语使得它在本质上很难研究。

很简单的问题:

在创建电子邮件模板(特别是在 mailchimp 中)时，如何强制折叠未加载图像的空白区域。

这里的想法是，当电子邮件在电子邮件客户端“预览”中显示时(在接受/下载图像之前)图像占用的空间会缩小，以便尽可能多地允许文本内容可见。

例子如下:

图像空白折叠:http://oi58.tinypic.com/118gj7m.jpg

图像空白未折叠:http://oi62.tinypic.com/rh28es.jpg

非常感谢您的帮助。

Answer 1

我不完全确定，但快速浏览了一下，似乎是通往 hide the image not found icon 的唯一途径。是在电子邮件中不起作用或无法持续起作用的方法。

链接页面中的方法需要使用 javascript 或 css 选择器，它们都不适用于典型的电子邮件客户端。

如果您发现加载图片或等待用户显示图片时出现明显延迟，请考虑更改您的布局并减小图片的文件大小。将重要内容放在“首屏”:将重要文本放在电子邮件的顶部，这样用户就不必滚动浏览图片就能看到它。