閱讀本文約花費: 3 (分鐘)

base64编码介绍 | Base64 Encode

• Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一，Base64编码可用于在HTTP环境下传递较长的标识信息。采用Base64编码具有不可读性，即所编码的数据不会被人用肉眼所直接看到。
• 在MIME格式的电子邮件中，base64可以用来将binary的字节序列数据编码成ASCII字符序列构成的文本。使用时，在传输编码方式中指定base64。使用的字符包括大小写字母各26个，加上10个数字，和加号“+”，斜杠“/”，一共64个字符，等号“=”用来作为后缀用途。
• Base64编码要求把3个8位字节（3*8=24）转化为4个6位的字节（4*6=24），之后在6位的前面补两个0，形成8位一个字节的形式。 如果剩下的字符不足3个字节，则用0填充，输出字符使用’=’，因此编码后输出的文本末尾可能会出现1或2个’=’。
• 为了保证所输出的编码位可读字符，Base64制定了一个编码表，以便进行统一转换。编码表的大小为2^6=64，这也是Base64名称的由来。
• Base64编码表可以网络上搜索学习一下！

base64图片工具介绍 | Base64 Encode/Decode Tool

• 支持 PNG、GIF、JPG、BMP、ICO 格式。
• 将图片转换为Base64编码，可以让你很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中。 这对于一些小的图片是极为方便的，因为你不需要再去寻找一个保存图片的地方。
• 假定生成的代码为“data:image/jpeg;base64, …..”，那么你只需要全部复制，然后在插入图片的时候，地址填写这段代码即可。
• CSS中使用：

  background-image: url("data:image/png;base64,iVBORw0KGgo=...");

• HTML中使用：

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

• 图片转换Base64，无线开发、HTML5、CSS3必备的工具，CSS DataURI Base64 工具。
• 将图片转换成base64编码的，在web网上一般用于小图片上，不仅可以减少图片的请求数量（集合到js、css代码中），还可以防止因为一些相对路径等问题导致图片404错误。