图片转 Base64
将图片文件编码为 Base64 文本字符串,以便嵌入代码。
免费 - 无需注册 - 在您的设备上运行
您的文件留在您的设备上
- 数据 URI输出
- HTML/CSS嵌入
- 复制到剪贴板
- 私密编码
图片转 Base64 规格一览
- 输入格式
- JPG、PNG、WEBP、GIF、SVG
- 输出格式
- Base64 文本字符串(数据 URI)
- 最大文件大小
- 设备内存
- 批量处理
- 仅单个文件
- 质量控制
- 直接的二进制到文本
- 元数据处理
- 编码原始文件数据
- 价格
- 免费
- 需要账户
- 否
图片转 Base64 怎么用
- 1
添加图片
添加图片文件。
- 2
复制字符串
复制 Base64 字符串。
- 3
粘贴到代码中
粘贴到代码中。
Frequently asked questions
何时应使用 Base64 编码图片?
最适合图标等非常小的图片。将大图片嵌入为 Base64 会使 HTML 或 CSS 文件变得非常大,加载缓慢。
这会改变图片质量吗?
不会。Base64 只是表示完全相同图片数据的另一种方式。浏览器解码后图片看起来完全相同。
我可以将 Base64 字符串转换回图片吗?
此工具仅执行从图片到 Base64 字符串的编码。它不包含将文本解码回文件的解码器。
在 Web 开发中使用 Base64
此工具从图片创建数据 URI,包含其 MIME 类型和 Base64 负载。这对于将图片直接嵌入 HTML、CSS 或 JSON 非常有用。
- 将图片嵌入为 Base64 数据 URI 可以减少 HTTP 请求,提高页面性能。这对小图标或背景图片有效。
- 权衡:Base64 字符串比二进制文件大约大 33%,且无法与 HTML 或 CSS 分开缓存。
完整规格
| 输入格式 | JPG、PNG、WEBP、GIF、SVG |
|---|---|
| 输出格式 | Base64 编码的文本字符串(数据 URI) |
| 最大文件大小 | 仅受设备内存限制 |
| 批量处理 | 否,每次运行编码一个文件 |
| 质量控制 | 直接的二进制到文本表示 |
| 元数据处理 | 编码原始文件数据 |
| 价格 | 免费 |
| 需要账户 | 否 |
Keep going with the same files
全部开发工具: SPOTTOOLS 的开发工具