图片转 Base64
在线图片转 Base64 工具，可把图片转换为 Base64 (Data URL) 字符串，直接内嵌到 HTML、CSS 或代码中。一键复制，显示编码后大小，并对大图给出提示。
拖拽图片到这里，或点击上传
支持 JPG · PNG · WebP · 图片仅在本地转码，不会上传
工具简介
图片转 Base64 适合把小图标、小装饰图或邮件模板图片内嵌到代码中，减少外部文件依赖。Base64 会让体积增大约三分之一，且不利于缓存，因此更适合小图片；大图建议继续使用普通图片文件。
支持格式
- 输入：JPG、PNG、WebP、GIF、SVG，以及浏览器可读取为文件数据的常见图片格式。
- 输出：完整 Data URL 字符串，包含 MIME 类型前缀和 Base64 内容。
- 适合小图标和小图片；大图转 Base64 会明显增加 HTML、CSS 或 JS 体积。
使用说明
- 1上传一张图片。
- 2工具会立即生成对应的 Base64 (Data URL) 字符串。
- 3查看原始大小与编码后大小，点击「复制」。
- 4把字符串粘贴到你的 HTML / CSS / JS 中即可。
适用场景
- 把小图标内嵌进 CSS / HTML，减少一次网络请求。
- 在无法引用外部文件的环境（如邮件模板）内嵌图片。
- 快速在代码或配置中携带一张小图片。
常见问题
Base64 是一种把二进制数据编码成文本的方式。图片转成 Base64 后可作为 Data URL 直接写进代码，无需单独的图片文件。
Base64 会让体积增大约 33%，且无法被浏览器缓存，过大的字符串会拖慢页面加载并使代码难以维护。建议仅对小图标（如 < 20KB）使用。
在 HTML 中用 <img src="data:image/...">，在 CSS 中用 background-image: url(data:image/...)。字符串已包含完整的 Data URL 前缀。
隐私说明
转换在浏览器本地完成，图片数据不会上传，Base64 字符串也只保存在你的浏览器中。