图片转 Base64
本转换器把任意图片文件变成 Base64 数据 URL——一条以 data:image/…;base64, 开头、把整个文件嵌入其中的自包含字符串。它使用浏览器的 FileReader API（readAsDataURL），编码完全在你的设备上完成，图片绝不会被上传。拖入或选择图片，通过实时预览确认读取的是正确的文件，然后一键复制完整字符串。 数据 URL 在"单独放一个文件很麻烦"的场景里最有用：内联进 HTML 或 CSS 以省掉一次 HTTP 请求的小图标和 Logo、嵌入 JSON 数据或邮件签名的图片、单文件自包含的文档，以及快速原型。但代价也是实打实的：Base64 把 3 个字节编成 4 个字符（体积约增大 33%），字符串无法独立于页面被缓存，还会让标记变得臃肿——建议只用于几十 KB 以内的资源，大图仍以普通文件方式提供。
—
将图片拖放到此处
或点击选择使用方法
- 将图片拖到拖放区，或点击（也可按回车键）选择——浏览器能识别的任何图片类型都可以。
- 通过预览确认读取的是正确的图片；完整的数据 URL 会显示在旁边。
- 点击复制按钮，一次性拿到整条字符串。
- 粘贴到 img 的 src、CSS 的 background-image: url(…)、JSON 字段或任何接受 URL 的地方。想换一张图片就点清空重新开始。
常见问题
- 我的图片会被上传吗？
- 不会。文件用浏览器的 FileReader API 在本地读取，结果只留在页面里；不向服务器发送任何数据，离开页面后也不会保存任何内容。
- 转换会改变或压缩图片吗？
- 不会。Base64 是对原始字节的无损重新编码——把字符串解码回来就是与原件完全相同的文件。它不会缩小体积；如果需要更小的结果，请先缩放或压缩图片，再转换压缩后的文件。
- 大图片适合内联吗？
- 通常不适合。Base64 会让体积膨胀约 33%，数据无法与所在文档分开缓存，巨大的字符串也会让 HTML 和 CSS 难以编辑。只内联图标这类小而常复用的资源，照片还是用普通文件提供。
- 支持哪些格式？
- 浏览器能作为图片读取的都支持——PNG、JPEG、GIF、WebP、SVG、AVIF、ICO 等。原始 MIME 类型会保留在 data:image/…;base64, 前缀里，因此粘贴后的 URL 渲染效果与源文件完全一致。
- 结果能用在 CSS 或 Markdown 里吗？
- 可以。在 CSS 中粘贴到 background-image: url(…)；在 Markdown 中作为图片地址使用：。注意有些编辑器和 lint 工具会限制超长行，特别大的数据 URL 在那里可能不好处理。
相关主题指南
相关工具
Data URI 解析器与解码器
在浏览器中解码 data: URI,查看其 MIME 类型、编码、大小和解码内容。
开发 0 0
Base64 编码 / 解码
即时将文本编码为 Base64，或将 Base64 解码为文本。
开发 0 0
Lorem Picsum URL 构造器
从 picsum.photos 构造占位图 URL — 尺寸、灰度、模糊、用于稳定图片的 seed，或指定图片 ID。
图片 0 0
二维码生成
用任意文本或网址生成自定义二维码并下载。
图片 0 0
图片压缩
在浏览器中压缩并缩放 JPEG、PNG 和 WebP 图片。
图片 0 0
图片尺寸调整
调整图片到任意尺寸并导出为 PNG、JPEG 或 WebP — 全部在浏览器中完成。
图片 0 0