2024年9月base64（Base64 编码知识，一文打尽！）

　　⑴base（Base编码知识，一文打尽！

　　⑵我们看一个具体的例子：可以明显看到Base编码将一幅图片数据编码成一串字符串,图片Base编码数据格式最近公司的某个接口需要将图片以Base编码后的字符串作为参数,图片Base编码数据格式base编码是什么意思Base编码知识,当然使用DataURL来进行Base图片编码并不是完美的,Base是网络中存储和传输的二进制数据的普遍用法,Base编码是从二进制到字符的过程,每一个位单元对应Base索引表中的一个字符,因为URL编码器会把标准Base中的“/”和“+”字符变为形如“%XX”的形式。

　　⑶Base编码知识，一文打尽！

　　⑷现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以Base的形式存储和加载。因此各位开发工程师肯定对Base毫不陌生了，那么你知道Base究竟是什么，为什么要使用Base，以及Base的优缺点吗？

　　⑸Base是网络中存储和传输的二进制数据的普遍用法。Base一个字节只能表示种情况，且编码格式每个字节的前两位都只能是，使用剩下的位表示内容。

　　⑹看到这里相信大家也能够意识到，这种编码格式无法充分利用存储资源，效能较低。那为什么还会成为网络中的普遍用法呢？

　　⑺其实Base最早是应用在邮件传输协议中的。当时邮件传输协议只支持ASCII字符传递，使用ASCII码来表示所有的英文字符和数字还有一些符号。这里有一个问题，如果邮件中只传输英文数字等，那么ASCII可以直接支持。但是如果要在文件中传输图片、视频等资源的话，这些资源转成ASCII的时候会出现非英文数字的情况。而且邮件中还存在很多控制字符，这些控制字符又会成为不可见字符。非英文字符和控制字符在传输过程中很容易产生错误，影响邮件的正确传输。为此才有了诞生了一个新的编码规则，把二进制以个字节为一组，再把每组的个字节（位转换成个位，每位根据查表对应一个ASCII符号，这就是Base。

　　⑻Base将位为一个单元的字节数据，拆分为位为一个单元的二进制片段。每一个位单元对应Base索引表中的一个字符。简单举个例子，下图中M的ASCII码是,而转换为二进制后前六位二进制对应值为，为Base字典中的T。

　　⑼当然这里也会有一个问题，如果要编码的二进制数据不是的倍数，那就会剩下一至二个字节。为此Base使用字节值在末尾补足，使其字节数能够被整除，补位用=表示，=的个数可表示补了多少字节，并在解码时自动去除。总体来看相比编码前，Base编码后的字符增加了约%。

　　⑽前面我们也提到了Base编码是现在网站小图片的主要加载方式，那Base到底是如何处理图片的呢？

　　⑾我们都知道图片在网页中的使用方法通常是使用img标签的形式，而img标签的src属性会指定一个远程服务器上的资源。在网页加载到浏览器中时，浏览器会针对每个外部资源都向服务器发送一次拉取资源请求。但是这是非常占用网络资源的，而且因为大多数浏览器都有并发请求数的限制，如果你的网页中嵌入了过多外部请求，就很容易出现页面加载速度过慢的情况。

　　⑿而Base编码可以通过DataURL技术让图片以字符串的格式直接嵌入页面，与HTML成为一体。这样在加载时就可以避开对外部资源的请求

　　⒀为什么选择DataURL

　　⒁至于为什么选择DataURL技术，是因为跟传统的外部资源引用方式相比，它拥有以下优点：

　　⒂通过这种方式Base编码可以更为快捷方便得对前端的各种图片资源进行优化。我们看一个具体的例子：

　　⒃可以明显看到Base编码将一幅图片数据编码成一串字符串，并使用该字符串代替图像地址。尽管乍一眼看上去没有任何图片相关的内容，但它最终渲染出的毫无疑问是一张完整的图片效果。

　　⒄当然使用DataURL来进行Base图片编码并不是完美的，它有着两个不容忽视的缺点：

　　⒅无法被浏览器缓存也就意味着每次访问都需要重新请求资源，这对于服务器压力是比较大的。那有没有办法，能将这些数据也放入浏览器缓存中呢？

　　⒆其实大部分网站的背景图构成，是一个宽高只有几个像素的小图片，通过将它平铺成为背景图。通常我们将小图片保存成GIF或PNG格式，然后在CSS的background-image属性中引用图片地址。但是浏览器本身并不在意URL里写的是什么，只是需要通过它获取需要的数据。所以我们完全可以使用CSS样式文件，让DataURL形式的图片存储在CSS样式表中。这样浏览器就会缓存CSS文件，也就会缓存图片，能够进一步提高页面加载效率。

　　⒇上图就是一个简单的使用案例，通过这种方式既避免了让背景图片独自产生一次HTTP请求的情况，还让背景图片和CSS文件一起被浏览器缓存起来，避免了每次打开网页都加载一次背景图片的情况，让改善用户的浏览体验更为快速流畅。

　　⒈通过DateURL技术与Base编码的结合有效减少HTTP请求，让用户访问体验更好，这其实是我们一个开发过程中的小技巧，希望看完后能够带给大家一些帮助。

　　⒉图片Base编码数据格式

　　⒊最近公司的某个接口需要将图片以Base编码后的字符串作为参数。借此了解图片的Base编码。

　　⒋图片进过Base编码后生成的数据如下：data:image/gif;base,RlGODlhHAAmAKIHAKqqqsvLyhISObmvfuLiwAAAP///yHB…EoqQqJKAIBaQOVKHAXrttxgBjboSvBEpLoFZywOAoLFElYs/QWLTTRkVSxYJADs=这种形式的数据被称为DataURIscheme

　　⒌DataURIscheme是用于访问直接嵌入HTML或CSS的数据的URIscheme（URI方案，并以以下格式描述。

　　⒍由于可以内嵌在HTML或CSS中，因此可以减少请求数量。

　　⒎参考资料：今更だけどdataURISchemeって何？data:image/png;base的用法详解图片Base编码的利与弊分析

　　⒏base编码是什么意思

　　⒐Base是网络上最常见的用于传输Bit字节码的编码方式之一，Base就是一种基于个可打印字符来表示二进制数据的方法。

　　⒑Base编码是从二进制到字符的过程，可用于在HTTP环境下传递较长的标识信息。采用Base编码具有不可读性，需要解码后才能阅读。

　　⒒Base由于以上优点被广泛应用于计算机的各个领域，然而由于输出内容中包括两个以上“符号类”字符（+,/,=)，不同的应用场景又分别研制了Base的各种“变种”。为统一和规范化Base的输出，Basex被视为无符号化的改进版本。

　　⒓Base编码可用于在HTTP环境下传递较长的标识信息。例如，在JavaPersistence系统Hibernate中，就采用了Base来将一个较长的一个标识符（一般为-bit的UUID编码为一个字符串，用作HTTP表单和HTTPGETURL中的参数。

　　⒔在其他应用程序中，也常常需要把二进制数据编码为适合放在URL（包括隐藏表单域中的形式。此时，采用Base编码不仅比较简短，同时也具有不可读性，即所编码的数据不会被人用肉眼所直接看到。

　　⒕然而，标准的Base并不适合直接放在URL里传输，因为URL编码器会把标准Base中的“/”和“+”字符变为形如“%XX”的形式，而这些“%”号在存入数据库时还需要再进行转换，因为ANSISQL中已将“%”号用作通配符。

　　⒖为解决此问题，可采用一种用于URL的改进Base编码，它不仅在末尾去掉填充的’=’号，并将标准Base中的“+”和“/”分别改成了“-”和“_”，这样就免去了在URL编解码和数据库存储时所要作的转换，避免了编码信息长度在此过程中的增加，并统一了数据库、表单等处对象标识符的格式。

　　⒗另有一种用于正则表达式的改进Base变种，它将“+”和“/”改成了“!”和“-”，因为“+”,“/”以及前面在IRCu中用到的“”在正则表达式中都可能具有特殊含义。

　　⒘此外还有一些变种，它们将“+/”改为“_-”或“._”（用作编程语言中的标识符名称或“.-”（用于XML中的Nmtoken甚至“_:”（用于XML中的Name。