图片转 Base64
把 PNG、JPG、GIF、WebP 或 SVG 图片转换成 Base64 数据 URI，可直接粘贴到 HTML 或 CSS。
100% 隐私保护——一切都在浏览器中运行
使用方法
- 1
拖入图片，或点击从设备中选择。
- 2
立即生成 Base64 数据 URI，并附带 img 标签与 CSS 片段。
- 3
复制需要的代码，或把数据 URI 下载为文本文件。
示例
小图标
输入
logo.png · 12 KB输出
data:image/png;base64,iVBORw0…（约 16 KB 文本）CSS 内联
输入
background.png · 4 KB输出
background-image: url("data:image/png;base64,…");常见问题
为什么 Base64 后体积变大？
Base64 把每 3 字节编码为 4 个字符，文本比原文件大约 33%；开启 Gzip 压缩后通常能抵消这部分开销。
什么时候适合内联图片？
几 KB 的小图标、logo 和 UI 图形，此时省掉一次 HTTP 请求比增加的体积更重要。
图片会被上传吗？
不会，使用浏览器 FileReader 读取，文件不会离开你的设备。