🖼️ 图片转 Base64

关于图片转 Base64 转换器

这个工具将图片转换为 Base64 编码字符串，可以直接嵌入 HTML、CSS 或 JSON 中。选择一个图片文件，工具会通过 FileReader API 在本地读取，然后显示 Base64 输出。整个过程不会上传任何数据——所有编码都在浏览器中完成。

何时使用数据 URI

• 内联小图片 —— 将图标、雪碧图或缩略图直接嵌入 HTML 或 CSS，减少额外的 HTTP 请求。
• 邮件签名和模板 —— 某些邮件客户端在将图片编码为数据 URI 时渲染更可靠。
• 单文件交付 —— 把所有内容打包到一个 HTML 文件中，适合演示、原型或离线文档。
• JSON 负载 —— 在不方便二进制上传的 JSON API 中传递图片数据。

Base64 图片的优缺点

优点：减少 HTTP 请求、自包含文件、无需单独管理资源、适合小图片。

缺点：Base64 编码会使文件大小增加约 33%，更大的 HTML/CSS 文件解析时间更长，过大的图片会影响性能。数据 URI 主要用于小资源。

常见问题

数据 URI 和纯 Base64 有什么区别？ 数据 URI 包含 data:image/...;base64, 前缀，可以直接用在 src 属性和 CSS url() 中。纯 Base64 只是编码字符串，不包含前缀。

"复制为 CSS" 是做什么的？ 它会把字符串复制为 background-image: url('data:image/...;base64,...');，可以直接粘贴到样式表中。

我的图片会被上传到服务器吗？ 不会。整个转换过程都通过 FileReader API 在浏览器中完成，图片永远不会离开你的设备。

有文件大小限制吗？ 唯一的限制是浏览器的可用内存。为获得最佳性能，请将图片保持在几兆字节以内。