图片转base64编码

操作说明

• 选择文件后会得到对应的base64码。
• 得到base64码后点对应的类型可以快速得到对应类型的编码(Base64格式 Base64 在CSS中的使用 Base64 在HTML中的使用)。
• 在BASE64编码显示大框输入“data:image/jpeg;base64, .....”后鼠标离开可以预览图片（ Base64转图片）。
• 本页面为自适应页面,无需flash等组建支持,无需提交到服务器处理（节省流量哦）。

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 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编码的，在web网上一般用于小图片上，不仅可以减少图片的请求数量（集合到js、css代码中），还可以防止因为一些相对路径等问题导致图片404错误。