多次使用base64嵌入式图像

我在一个HTML文档中有一些小图像，我想使其具有可移植性，例如，电邮时仍然有效。我用下面的，伟大的工程：多次使用base64嵌入式图像

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

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

来源

2011-08-24 steveo225

如果你可以使用CSS，你可以有放置它，而不是作为一个阶级。

然后，只需将该类添加到您想要的元素。

来源

2011-08-24 13:26:32 alex

我不想使用CSS，如果我能避免它（仅仅是因为那将需要重新设计的量）。但是，这是一个选项，我发现这个问题有帮助：http://stackoverflow.com/questions/1207190/embedding-base64-images – steveo225

你不需要重新设计。你可以只使用图像的CSS。类似.repeatimage {background：url（data：...）;显示：内联块;宽度：10px的; height：10px;}，并在html中使用。不适用于所有的电子邮件客户端，但数据URL将在更少的电子邮件客户端中运行。 – Gerben

配置您的Web服务器来zgip（/放气）您的内容。放气应检测重复的字符串，并压缩到大约相同的大小，如果你只包括一次。这样你就不会浪费带宽。不适用于电子邮件或文件系统中的纯HTML文件。

来源

2011-08-24 15:17:37 Gerben

多次使用base64嵌入式图像

回答

相关问题