Base64编码原理及详细教程有哪些？

本文共计2076个文字，预计阅读时间需要9分钟。

在进行前端开发时，针对项目优化，常会提到一条建议：针对较小的图片，合理使用Base64编码字符串替换内嵌，以减少页面HTTP请求。此外，还会特别强调必须是小图片，大小不宜超过限制。

在我们进行前端开发时，针对项目优化，常会提到一条：针对较小图片，合理使用Base64字符串替换内嵌，可以减少页面http请求。
并且还会特别强调下，必须是小图片，大小不要超过多少KB，等等。
那么，Base64又到底是什么呢？

初步认识

下面的这段字符串，应该是大家都很常见的。通过这种固定的格式，来表示一张图片，并被浏览器识别，可以完整的展示出图片：

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0c......

这里展示的是一个svg格式的图片，当然我们还可以加载任何浏览器支持的格式的图片。

这段字符串就是基于Base64编码得来的，其中base64,后面那一长串的字符串，就是Base64编码字符串。

Base64是怎么诞生的

互联网发展早起，电子邮件是最有效的应用。
而电子邮件的SMTP传输协议在早期，只能用于传送7位的ASCII码，而ASCII码就是基于英语设计的，对于非英语国家的文字等资源就无法发送。
为了解决这个问题，后来有了通用互联网邮件扩充MIME，增加了邮件的主体结构，定义了非ASCII码的编码传输规则，这就是Base64。
关于字符编码的知识，请查看前端开发中需要搞懂的字符编码知识

基础定义

Base64是基于64个可打印字符来表示二进制数据的编解码方式。