使用base64编码图像的优点和缺点

Question

我正在考虑使用base64编码的图像为我正在努力的网站优化加载时间.

无论如何,在我开始之前,我想知道:这样做的优点和缺点是什么？

目前,我没有看到任何不利因素,但我也发现它不是经常使用的技术,这让我想知道我是不是错过了什么.

在谷歌主题后我没有找到任何清楚的东西所以我决定在这里问.

Answer 1

它仅对非常小的图像有用.Base64编码的文件比原始文件大.优点在于不必打开另一个连接并向服务器发出HTTP请求以获取图像.这种好处很快就会消失,因此对于大量非常微小的单个图像来说只有一个优势.

Answer 2

MIME兼容的Base64编码二进制数据的实际长度通常约为原始数据长度的137%,但对于非常短的消息,由于头文件的开销,开销可能会高得多.非常粗略地说,Base64编码的二进制数据的最终大小等于原始数据大小的1.37倍+ 814字节(对于报头).

换句话说,解码数据的大小可以用这个公式近似:

bytes = (string_length(encoded_string) - 814) / 1.37

资料来源:http://en.wikipedia.org/wiki/Base64#MIME

Answer 3

下面的一些缺点在这篇文章中已经提到，在网站上使用内联/base64 图像比仅仅链接到硬文件要快多少？

• 大多数形式的缓存都被打败了，如果经常查看图像，这可能会造成很大伤害 - 例如，显示在每个页面上的徽标，通常可以由浏览器缓存。
• 更多的 CPU 使用率。

Answer 4

HTML 页面的响应时间也会增加，因为在正常情况下图像加载是异步的。即使图像加载较晚，您也可以开始看到文本。

如果 CDN 中仅缓存媒体，则 CDN 的另一个优势就会丧失

这种优势将会丧失。