图片转 Base64/ Data URL 编码
将图片转换为 Base64 编码,用于 Data URL 或嵌入 CSS/HTML 代码,减少 HTTP 请求。
拖拽图片到此处,或点击上传
预览
这个工具有帮到你吗?
常见问题
这个工具有什么用?
将图片文件转换为 Base64 编码的文本字符串。转换后的 Base64 可以直接嵌入 CSS 的 background-image、HTML 的 img 标签,或作为 JSON 数据的一部分传输,无需额外的图片文件请求。
什么时候应该用 Base64?
适合小图片(如图标、小 Logo)嵌入代码中,可以减少 HTTP 请求数量。但 Base64 编码会使文件体积增加约 33%,大图片不建议使用 Base64,应该直接引用图片文件。
Data URL 是什么?
Data URL 是一种将文件内容直接嵌入 URL 的格式,格式为 data:[mediaType];base64,[base64编码]。可以直接用在 CSS background-image、HTML img src、或任何需要 URL 的地方。
图片会上传到服务器吗?
不会。所有转换完全在浏览器本地完成,使用 FileReader API 读取文件内容,图片数据不会离开你的设备。