图片转 Base64 在线免费工具
在线将图片转换为 Base64 字符串或 Data URI。可直接复制用于 HTML、CSS、JSON 或 API 请求，100% 本地编码处理。
100%私密，无需上传任何文件。
三步将图片转换为 Base64
上传您的图片
将 JPG、PNG、WebP、GIF 或 SVG 文件拖放到框内，或点击选择文件。文件在您的设备上读取。
复制输出结果
您将获得完整数据 URL（data:image/…;base64,…）和纯 Base64 字符串，以及文件大小和 Base64 大小。点击您所需项旁边的复制按钮即可。
粘贴到您的代码中
在 HTML 的 img src 或 CSS 的 url() 中使用数据 URL。在 JSON 请求体和 API 调用中使用原始 Base64 字符串。
核心功能
- 一键复制
- 文件保留在本地设备
- 数据 URI 和原始 Base64
- JPG、PNG、WebP、GIF、SVG
- 免费使用，无需注册
何时使用 Base64 编码图像
CSS 和样式
- 在 CSS 中以 background-image 数据 URI 的形式嵌入小图标
- 在样式表中内联加载动画或占位图
- 将组件库的 UI 图标打包进其 CSS 文件中
- 无需单独文件即可添加 SVG 图案或纹理
HTML 与文档
- 以数据 URI 的形式将图片内联到 HTML 的 img src 中
- 构建无需其他文件即可运行的单文件 HTML 页面
- 为以单一文件形式分享的 HTML 报告添加 Logo 或图表
- 无需托管即可在演示和原型中展示测试图片
API 和代码
- 在需要 Base64 文本的 JSON 数据中发送图片
- 将图片附加到接受 Base64 输入的 AI 视觉 API 请求中
- 将小图片以文本字段形式存储在数据库或配置文件中
- 在 JavaScript 中加载测试图片，无需单独的文件请求
什么是 Base64 图片编码？
Base64 图片编码将图片文件的字节转换为纯文本，由 64 个字符组成：A–Z、a–z、0–9、+ 和 /。这段文本可以嵌入 HTML、CSS 或 JSON 中，而文件本身无法做到这一点。这不是压缩，也不会改变格式。图片内容完全不变，但文本体积会比原文件大约三分之一。
用于 HTML、CSS 和 API 的图片转 Base64
转换器会提供两种字符串：完整数据 URL 和纯 Base64 字符串。以下说明每种字符串的用途，以及何时值得将图片内联。
如何在 HTML 或 CSS 中使用 Base64 图片？
HTML 和 CSS 请复制完整数据 URL。JSON 和大多数 API 请只复制 Base64 字符串。
- HTML：将完整数据 URL 粘贴为 img 标签的 src，例如 src="data:image/png;base64,iVBOR…"。
- CSS：将完整数据 URL 用 url() 包裹，例如 background-image: url("data:image/png;base64,iVBOR…")。
- JSON 和 API：只发送 Base64 字符串。如果 API 需要类型信息，请放在单独的字段中，比如 image/png。
什么时候该使用 Base64 图片？
对需要嵌入文本文件中的小图片使用 Base64。照片和大图片不建议使用。
- 适用场景：几 KB 大小的图标、Logo 和占位图，可省去单独的文件请求。
- 适用场景：必须不依赖其他文件独立运行的单文件 HTML 页面、报告和演示。
- 适用场景：只接受文本的 API 和 JSON 数据。
- 不适用场景：照片和大图片。它们会使 HTML 或 CSS 体积膨胀，且浏览器无法单独缓存图片，只能随页面一起缓存。
Base64 会让图片增大多少？
Base64 将每 3 个字节转换为 4 个字符，因此文本体积大约比原文件大 33%。一张 30 KB 的图片会变成约 40 KB 的 Base64 文本。转换完成后，工具会并排显示两种大小。若要缩短字符串，可先用图片压缩工具缩小文件体积。
Base64 图片在邮件中能正常显示吗？
并不可靠。据广泛反馈，Gmail 会从邮件正文中剥离 Base64 图片，其他邮件应用的支持情况也各不相同。建议邮件中改用托管图片链接，或作为内嵌（CID）图片附加发送。
图片转 Base64 常见问题
关于图片转换为 Base64 和数据 URI 的常见问题
我可以将 Base64 转换回图片吗？
可以。将字符串粘贴到Base64 转图片转换器中，即可预览并下载为文件。支持完整数据 URI 或纯 Base64 字符串。
数据 URI 和 Base64 字符串有什么区别？
数据 URI（也叫 data URL）是在 Base64 字符串前加上说明文件类型的前缀，例如 data:image/png;base64，后接字符串本身。纯 Base64 字符串没有前缀。HTML 和 CSS 中请使用数据 URI；需要在单独字段中传递类型的 API 请使用纯字符串。工具会将它们分别显示为「完整数据 URL」和「纯 Base64 字符串」，各自配有复制按钮。
Base64 图片有大小限制吗？
转换器本身没有大小限制。但大图片仍会生成很长的字符串，拖慢代码编辑器和加载这些字符串的页面速度。建议内联图片控制在几 KB 以内，更大的文件改用链接方式。
我可以将 SVG 转换为 Base64 吗？
可以。拖放 SVG 文件即可获得以 data:image/svg+xml;base64 开头的数据 URI，可用于 img 标签和 CSS 的 url()。在 CSS 中，由于 SVG 本身就是文本，经过 URL 编码的 SVG 通常比 Base64 更短。
我可以复制或下载 Base64 字符串吗？
您可以复制它。完整数据 URL 和纯 Base64 字符串各自配有复制按钮。没有下载按钮，若要保存结果，请将其粘贴到文本文件中。点击「显示完整字符串」即可在页面上查看完整的数据 URL。
哪些图片格式可以转换为 Base64？
只要浏览器能识别为图片的文件都可以，包括 JPG、PNG、WebP、GIF、SVG、AVIF、BMP 和 ICO。编码器会完整保留文件原样：不会调整尺寸、重新压缩或更改格式。如果拖放文件后没有反应，说明浏览器未能将其识别为图片。