操作说明

  • 选择文件后会得到对应的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错误。