图片转 Base64

将图片文件编码为 Base64 文本字符串,以便嵌入代码。

免费 - 无需注册 - 在您的设备上运行

您的文件留在您的设备上

  • 数据 URI输出
  • HTML/CSS嵌入
  • 复制到剪贴板
  • 私密编码
Specification

图片转 Base64 规格一览

输入格式
JPG、PNG、WEBP、GIF、SVG
输出格式
Base64 文本字符串(数据 URI)
最大文件大小
设备内存
批量处理
仅单个文件
质量控制
直接的二进制到文本
元数据处理
编码原始文件数据
价格
免费
需要账户
How to

图片转 Base64 怎么用

  1. 1

    添加图片

    添加图片文件。

  2. 2

    复制字符串

    复制 Base64 字符串。

  3. 3

    粘贴到代码中

    粘贴到代码中。

Questions

Frequently asked questions

何时应使用 Base64 编码图片?

最适合图标等非常小的图片。将大图片嵌入为 Base64 会使 HTML 或 CSS 文件变得非常大,加载缓慢。

这会改变图片质量吗?

不会。Base64 只是表示完全相同图片数据的另一种方式。浏览器解码后图片看起来完全相同。

我可以将 Base64 字符串转换回图片吗?

此工具仅执行从图片到 Base64 字符串的编码。它不包含将文本解码回文件的解码器。

Background

在 Web 开发中使用 Base64

此工具从图片创建数据 URI,包含其 MIME 类型和 Base64 负载。这对于将图片直接嵌入 HTML、CSS 或 JSON 非常有用。

  • 将图片嵌入为 Base64 数据 URI 可以减少 HTTP 请求,提高页面性能。这对小图标或背景图片有效。
  • 权衡:Base64 字符串比二进制文件大约大 33%,且无法与 HTML 或 CSS 分开缓存。

完整规格

图片转 Base64 的完整规格
输入格式JPG、PNG、WEBP、GIF、SVG
输出格式Base64 编码的文本字符串(数据 URI)
最大文件大小仅受设备内存限制
批量处理否,每次运行编码一个文件
质量控制直接的二进制到文本表示
元数据处理编码原始文件数据
价格免费
需要账户
Next step

Keep going with the same files

全部开发工具: SPOTTOOLS 的开发工具