图片转Base64
将图片转换为Base64编码字符串或Data URI格式,用于嵌入HTML/CSS。
🖼️
将图片拖放至此处或单击选择
PNG、JPG、WebP、GIF、SVG 等
关于本工具
图片转 Base64 工具可将任意图片文件编码为 Base64 字符串或完整的 Data URI,使您无需单独托管文件即可将图片直接嵌入 HTML、CSS 或 JSON 中。支持拖放或点击选择,并显示原始文件大小与编码后大小的对比。
所有编码均在浏览器中通过 FileReader API 完成,图片不会上传到任何服务器。可在完整 Data URI(带 data:image/…;base64, 前缀)和纯 Base64(无前缀)之间切换。
使用方法
- 将图片拖放到上传区域,或点击打开文件选择器。
- 文件加载后,编码结果将自动显示。
- 使用按钮在 Data URI 和 Base64 Only 之间切换。
- 点击复制按钮将结果复制到剪贴板。
使用场景
前端开发者将小图标直接嵌入 CSS 或 HTML 以减少 HTTP 请求。邮件营销人员将图片内联到 HTML 邮件模板中,以避免外部图片被屏蔽。移动应用开发者将图片编码用于 JSON API 载荷。开发者将图片以 Base64 字符串形式存储在配置文件或数据库中。
常见问题
- Base64 编码会增加文件大小吗? — 会。Base64 编码会使文件大小比原始二进制文件增加约 33%。
- 支持哪些图片格式? — 浏览器可显示的任何格式:JPG、PNG、WebP、GIF、SVG、BMP 等。
- 大图片也应该 Base64 编码吗? — 对于超过约 10 KB 的文件,通常建议作为独立文件托管。大型 Base64 字符串会使 HTML/CSS 体积膨胀,影响页面加载性能。