图片转 Base64
用文件选择器挑选图片。编码由 FileReader 在本地完成，你会看到预览、原始 Base64、完整 data URI，以及 MIME 与文件名。可按需「复制 Base64」或「复制 data URI」。
更新 2026-08-04 · developer
Choose an image file. Encoding runs locally in your browser.
关于本工具
仅接受 image/* 类型文件。readAsDataURL 生成 data URI；逗号后的部分即原始 Base64。状态会显示大约 KB 大小，或说明为何拒绝了非图片文件。
使用方法
- 选择图片文件: 在「图片文件」控件中选择 PNG、JPG、GIF、WebP 等图片。
- 等待本地编码: 浏览器读取文件后显示预览，并填入 Base64 与 data URI 字段。
- 复制 Base64 或 data URI: 点「复制 Base64」取原始串，或点「复制 data URI」取完整 data URL。
- 核对 MIME 与文件名: 嵌入前确认文本框下方显示的 MIME 与文件名。
常见用途
- 把小图标内联进 CSS 或 HTML，不必单独托管资源。
- 在禁止外链图片的原型或邮件模板里粘贴 data URI。
- 嵌入 JSON 前先核对 MIME 与 Base64 长度。
使用提示
- 尽量选小图；过大文件字符串很长，不便粘贴。
- 需要带 data:image/...;base64, 前缀时，请用「复制 data URI」。
常见问题
图片会上传到服务器吗？
不会。FileReader 只在浏览器里编码所选文件。
选了非图片文件会怎样？
会清空输出，并提示请选择 PNG、JPG 等图片文件。
Base64 和 data URI 有何区别？
原始 Base64 只有编码字节；data URI 还包含 data:image/...;base64, 前缀。
为什么编码失败？
若无法读取文件，状态会显示 Failed to read the file，请换一张图重试。