图片转 Base64 — data URI 编码
在浏览器中将图片编码为 Base64 data URI(附 img 和 CSS 代码),或反向解码。
🔒 全部在你的浏览器中运行。输入和输出都不会发送到服务器或被保存,十分安全。
🔒 编码在您的浏览器中完成,图片绝不上传。
这个工具有用吗?点一下表达心情
关于此工具
这款工具可将图片编码为 Base64 data URI,直接粘贴到 HTML、CSS 或 JSON 中,也能把 data URI 反向解码为可下载的图片。拖入文件即可获得数据字符串,以及现成的 img 标签和 CSS 背景代码片段——便于将小图标内联嵌入,省去一次网络请求。编码完全在你的浏览器中完成,图片绝不会上传到服务器。
常见问题
什么时候适合将图片以 Base64 形式内嵌?
Base64 最适合图标或 logo 这类小而常用的图形,将它们内联到 HTML 或 CSS 中可省去一次单独的网络请求。对于大照片,通常最好保留普通图片文件,因为 Base64 会使数据增大约三分之一。
为什么编码后的文本比原图还大?
Base64 仅用可打印字符表示二进制数据,因此会增加约 33% 的开销。对于你想内联的小素材,这种取舍没有问题,但这也正是大图片最好保留为单独文件的原因。
编码过程中我的图片会被上传吗?
不会。图片在你的浏览器本地读取并转换为 Base64,因此它始终保留在你的设备上,绝不会发送或存储到服务器。