Base64 转图片

简单快捷的 Base64 转图片在线工具

Base64 转图片
图片转 Base64

等待图片预览...

什么是 Base64？

Base64 是一种基于 64 个可打印字符来表示二进制数据的编码方式。这种编码方式通常用于在处理文本的场合，表示、传输、存储一些二进制数据，包括 MIME 的电子邮件及 XML 的一些复杂数据。

在网页中，Base64 常用于：

  • 将小图片直接嵌入网页，减少 HTTP 请求
  • 在 URL 中传输图片数据
  • 在不支持直接上传文件的场合传输图片
  • 临时存储图片数据

Base64 图片格式示例：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==

使用示例

在 CSS 中使用：

.header-logo {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...");
}

在 HTML 中使用：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." />

在 JavaScript 中使用：

const img = new Image();
img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...";

使用说明

1

直接粘贴 Base64 编码到输入框中，或者从其他地方复制 Base64 字符串

2

选择需要的输出格式（PNG、JPEG、WebP），不同格式有不同特点：

  • PNG：支持透明背景，适合图标和截图
  • JPEG：适合照片，文件较小但不支持透明
  • WebP：Google 开发的格式，同时支持透明和高压缩比
3

点击转换按钮，即可在右侧预览转换后的图片

4

可以点击下载按钮保存转换后的图片