在base64中编码图像有什么作用？

如果我将图像（jpg或png）转换为base64，它将变大还是具有相同的尺寸？会大多少？

是否建议在我的网站上使用base64编码的图像？

大约会大37％：

非常粗略地讲，Base64编码的二进制数据的最终大小等于原始数据大小的1.37倍

资料来源：http：//en.wikipedia.org/wiki/Base64

这是什么时候使用base64编码，什么时候不 使用David Calhoun 的一个非常有用的概述。

基本答案 = gzip压缩的base64编码文件的文件大小将与标准二进制文件（jpg / png）大致相当。Gzip的二进制文件将具有较小的文件大小。

外卖 =对UI图标等进行编码和gzip压缩有一些优势，但是对于较大的图像这样做是不明智的。

在base64中它将更大。

Base64每字节使用6位来编码数据，而二进制每字节使用8位。另外，Base64的填充开销很小。并非所有位都与Base64一起使用，因为它最初是为在只能正确处理非二进制数据的系统上编码二进制数据而开发的。

这意味着编码的图像将大25％左右，外加用于填充的恒定开销。

将图像编码为base64会使它大30％。

请参阅Wikipedia文章中有关Data URI scheme的详细信息，其中指出：

Base64编码的数据URI的大小比其二进制等效文件大1/3。（但是，如果HTTP服务器使用gzip压缩响应，则此开销将减少到2-3％）

答案是：这取决于。

尽管base64映像较大，但在某些情况下base64是更好的选择。

base64图像的大小

Base64使用64个不同的字符，这是2 ^ 6。因此base64每8位字符存储6位。因此，从未转换的数据到base64数据的比例是6/8。这不是精确的计算，而是粗略的估计。

例：

一个48kb的图像大约需要64kb作为base64转换的图像。

计算：（48/6）* 8 = 64

Linux系统上的简单CLI计算器：

$ cat /dev/urandom|head -c 48000|base64|wc -c
64843

或使用图片：

$ cat my.png|base64|wc -c

Base64图片和网站

这个问题很难回答。一般而言，使用base64图像越大，感觉越少。但是请考虑以下几点：

• HTML文件或CSS文件中的许多嵌入式图像可以具有相似的字符串。对于PNG，您经常会发现重复的“ A”字符。使用gzip（有时称为“放气”），甚至可能会赢得尺寸。但这取决于图像内容。
• HTTP1.1的请求开销：尤其是使用很多Cookie时，每个请求的开销很容易达到几千字节。嵌入base64图像可能会节省带宽。
• 不要对SVG图像进行base64编码，因为gzip在XML上比在base64上更有效。
• 编程：在动态生成的图像上，更容易在一个请求中交付它们以协调两个从属请求。
• 深度链接：如果要防止下载图像，则从HTML页面提取图像会有些棘手。

如果要使用base64编码的图像，肯定会花费更多的空间和带宽。但是，如果您的站点上有很多小图像，则可以通过将图像编码为base64并将它们放入html来减少页面加载时间。这样，客户端浏览器将不需要与图像建立大量连接，而是将它们包含在html中。