图片转Base64
将本地图片转换为 Base64 字符串，支持 PNG、JPG、GIF、WebP 等格式，本地处理不上传。
图片转 Base64
📁
点击或拖拽图片到此处
支持 PNG / JPG / GIF / WebP 等格式
图片转 Base64 工具使用指南
📌 简介
图片转 Base64 工具是一款方便快捷的在线转换工具，可以将本地图片一键转换为 Base64 编码字符串，方便嵌入 HTML、CSS 或 JSON 中使用。所有转换均在浏览器本地完成，图片不会上传到服务器，保护您的隐私。支持 PNG、JPG、GIF、WebP 等常见图片格式。
📖 什么是 Base64 图片？
Base64 图片是将图片的二进制数据经过 Base64 编码后，以文本形式嵌入到网页中的一种方式。它的格式通常为 data:image/png;base64,iVBORw0KG...。使用 Base64 图片可以减少 HTTP 请求，加快小图标的加载速度。但要注意，Base64 编码会使图片体积增大约 33%，因此仅适用于小图片。
💼 常见应用场景
- CSS 图标嵌入： 将小图标转为 Base64 直接写入 CSS，减少请求。
- 邮件 HTML： 某些邮件客户端不支持外链图片，用 Base64 可解决。
- 单文件页面： 制作单文件 HTML 工具时，将图片内联嵌入。
- JSON 接口传输： 部分接口需要使用 Base64 形式传输小图片。
⚙️ 使用步骤
- 点击左侧区域或拖拽图片文件到虚线框内。
- 工具会自动读取文件并生成 Base64 字符串。
- 左侧会显示图片预览和文件信息。
- 点击“复制 Base64”可获取纯字符串，点击“复制 Data URL”可获取带前缀的完整字符串。
⚠️ 注意事项
- 建议图片大小控制在 5MB 以内，过大的图片会导致转换缓慢且 Base64 字符串极长。
- Base64 编码会让文件体积增加约 1/3，大图片不建议使用此方式。
- Data URL 带前缀可直接用于 img 标签的 src 属性，纯 Base64 需自行补充前缀。
❓ 常见问题 (FAQ)
Q: Base64 图片会影响页面性能吗？
A: 对于小于 5KB 的小图标，Base64 能减少 HTTP 请求，反而提升性能；但对于大图，Base64 会显著增加 HTML 体积，拖慢首屏加载。
Q: 图片会上传服务器吗？
A: 不会。本工具使用 FileReader 本地读取文件，转换过程完全在浏览器内存中完成，图片不会离开您的设备。
Q: 支持 SVG 格式吗？
A: 支持。SVG 是文本格式，转换为 Base64 后同样可用于 img 标签。但如果需要修改 SVG 颜色，建议直接内联 SVG 代码。