将图片拖放至下方即可立即编码为Base64——所有操作均在浏览器中完成,不会向服务器上传任何内容。
将图片拖放至此
或点击浏览——您也可以从剪贴板粘贴
选择图片
预览
  • 文件名
  • 类型
  • 尺寸
  • 原始大小
  • Base64大小
  • 添加图片后,Base64字符串将显示在此处。

    关于 图片转Base64

    图片转 Base64 转换器可以将任意图片编码为 Base64 字符串或可直接使用的 data URI,全部在你的浏览器中完成。将文件拖放到拖放区域、浏览选择文件,或直接从剪贴板粘贴图片——编码结果和预览会立即显示。

    你可以在原始 Base64(仅编码字节)和完整的 data:image/…;base64,… 形式的 data URI 之间选择,后者可以直接粘贴到 CSS 的 background-image、HTML 的 img src 或 JSON 载荷中。详情面板会显示文件名、MIME 类型、像素尺寸、原始大小和编码后大小。

    由于文件是通过 FileReader API 在本地读取的,因此不会有任何内容上传到服务器——当图片是标志、内部仪表盘截图或其他你不想交给第三方的资产时,这一点尤其有用。

    如何使用 图片转Base64

    1. 将图片拖放到页面上,点击浏览,或从剪贴板粘贴一张图片。
    2. 选择输出格式:原始 Base64 或 data URI。
    3. 查看预览和图片详情(类型、尺寸、原始大小与编码后大小)。
    4. 点击"复制 Base64"以获取用于 CSS、HTML 或 JSON 的字符串。

    常见问题

    不会。文件通过 FileReader API 在你的浏览器中本地读取并编码,从不接触服务器,这也是为什么即使较大的图片也能立即显示结果的原因。

    是的,免费使用,对可转换的图片数量没有限制。

    内联适合小型资源——图标、小标志、邮件图片——在这些场景中,减少一次 HTTP 请求比缓存效率更重要。较大的照片最好作为普通文件提供,因为 Base64 同时也会失去独立缓存的能力。

    Base64 用 4 个 ASCII 字符表示每 3 个字节,因此编码后的字符串大约比原始文件大 33%。详情面板会同时显示两种大小,方便你权衡取舍。

    原始 Base64 只是编码后的字节——适用于 API 和 JSON 字段。data URI 会在这些字节前加上 MIME 类型前缀(data:image/png;base64,…),使浏览器可以直接在 src 属性和 CSS 的 url() 值中渲染它。


    热门搜索
    图片转 base64 base64 图片编码器 图片 data uri 转换图片 base64 png 转 base64 内嵌图片 base64
    需要帮助?
    使用此工具时遇到问题?请告诉我们的团队。
    报告问题

    将此免费工具添加到你自己的网站 — 复制并粘贴下面的代码。