图片转base64编码工具

2024-09-20

拖曳图片至此处,将图片转为base64格式
只支持单图上传


    工具介绍

    图片转BASE64编码工具提供了 PNG转换Base64GIF转换Base64JPEG转换base64等各种图片的格式转换,你只需拖动图片到指定区域,即可完成操作!

    功能特色

    1.支持 PNG、GIF、JPG、BMP、ICO 图片格式。

    2.将图片转换为Base64编码,可以让你快速地在没有上传文件的条件下将图片插入其它的网页、编辑器中。 这对于一些小的图片是极为方便的,因为你不需要再去寻找一个保存图片的地方。

    3.假定生成的代码为"data:image/jpeg;base64, .....",那么你只需要全部复制,然后在插入图片的时候,地址填写这段代码即可。

    4.CSS中使用:background-image: url("data:image/png;base64,,/9j/4AAQSkZJRgABAgEAYABgAAD/7gAOQWRvYmUAZAAAAAAB...");

    5.HTML中使用:<img src="data:image/png;base64,,/9j/4AAQSkZJRgABAgEAYABgAAD/7gAOQWRvYmUAZAAAAAAB..." />

    6.图片转换Base64,移动端开发、HTML5、CSS3必备的工具,CSS DataURI Base64 工具。

    7.将图片转换成base64编码的,在网页设计开发中,一般用于小图片上,不仅可以减少图片的请求数量(集合到js、css代码中),还可以防止因为一些相对路径等问题导致图片404错误。

    base64编码介绍

    • 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名称的由来。