- 选择要转换的图片文件。
- 工具生成 Base64 Data URL，并显示预览和输出大小。
- 复制 Data URL，粘贴到你的 HTML、CSS 或代码里。
转换完全在浏览器里借助内置文件读取器完成，图片不会离开设备，敏感的图形和客户素材都能保持私密。
Data URL 能把一整张图片塞进一个文本字符串：data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA… 这个字符串可以直接放进 img 标签、CSS 背景或邮件签名，让资源自包含——不用单独上传文件、不发多余的 HTTP 请求、文件夹移动也不会让路径失效。这正是单文件 HTML 页面、离线原型、邮件安全图片以及要在机器之间拷贝的小型 favicon 背后的标准技巧。
提示
Base64 会让图片膨胀大约三分之一，所以输出总是比原文件大。请用于小素材——图标、Logo、缩略图——并留意结果旁显示的大小；大照片更适合用普通的托管 URL。
把 data URL 放在很少变动的 CSS 或标记里；每次构建都重新生成会让你的 diff 变得臃肿。当你需要不含 data:image 前缀的纯 Base64 时，只截取第一个逗号之前的部分即可。
为什么用它
把图片上传到第三方转换器等于交出你未必愿意分享的文件，而为了一个图标去装桌面工具又太小题大做。这个转换器即时、免费、完全本地，一眼就能看到带预览和大小的可验证 Data URL。
典型使用场景
- 博客与电商： 把 4MB 商品图压到 200KB 再上传，页面加载更快，PageSpeed 分数更高。
- 邮件与表单： 很多邮箱拒收 >10MB 附件，压一次就能稳定过检。
- 作品集与社媒： 保持 75-85% 画质，移动端用户流量消耗更少。
与其他工具对比
| 工具 | 是否上传 | 隐私 | 批量 | 费用 |
|---|---|---|---|---|
| 本工具 | 否 | 100% 本地 | 单张高质量 | 免费 |
| TinyPNG/Squoosh | 是/否 | 取决于 | 支持 | 免费增值 |
| Photoshop | 否 | 本地 | 支持 | 付费 |
涉及隐私或临时处理时，浏览器本地工具在隐私与速度上最优。
使用技巧
- 照片先试 78-82% 画质，通常能省 60-70% 体积且肉眼无损。
- 先缩小尺寸再降画质：4000px 缩到 2000px，即使高质量也小 4 倍。
- 保留原图备份，压后细节无法恢复。