Html 多次使用base64嵌入式映像

我在一个HTML文档中有一些小图片，我想使其便于携带，例如，在发送电子邮件时仍然可以使用。我使用以下方法，效果很好：

<img src="data:image/png;base64,..."/>

---

问题是，我想在文档中多次使用相同的图像，但不想重复整个base64数据字符串。我在电子邮件中看到，数据只编码了一次，但引用了很多。HTML可以做到这一点吗？

如果可以使用CSS，可以将其作为类放在那里

---

然后只需将类添加到所需的元素。

将Web服务器配置为zgip（/deflate）您的内容。Deflate应该检测重复的字符串，并压缩到与只包含一次的字符串大小相同的大小。这样就不会浪费带宽。不适用于电子邮件或文件系统中的纯html文件。

如果可以避免的话，我不想使用CSS（只是因为需要大量的重新设计）。但是，这是一个选择，我发现这个问题很有帮助：你不需要重新设计。您可以只对图像使用css。类似于.repeatimage{background:url（数据：…）；display:inline块；width:10px；height:10px；}，并在html中使用。不适用于所有电子邮件客户端，但数据URL适用于更少的电子邮件客户端。