语言
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
图片转Base64

图片转Base64

将图片转换为Base64编码字符串,并将Base64解码回图片。支持Data URI、原始Base64、CSS和HTML输出格式。

什么是图片转Base64?

图片转Base64是一个强大的转换工具,可将图片转换为Base64编码的文本字符串,反之亦然。Base64编码将二进制图片数据表示为ASCII文本,使您能够直接在HTML、CSS或电子邮件模板中嵌入图片,无需单独的图片文件。

减少HTTP请求

直接在代码中嵌入小图片,消除额外的服务器请求,提高页面加载速度。

自包含HTML

创建包含嵌入图片的单文件HTML文档,非常适合便携式网页。

电子邮件模板

内联包含图片,无需外部托管,确保电子邮件渲染可靠。

CSS背景

直接在样式表中嵌入图标和图案,简化资源管理。

数据存储

将图片作为文本存储在数据库或配置文件中,简化数据处理。

支持所有格式

支持JPEG、PNG、WebP、GIF、SVG、BMP和ICO图片格式。
最佳实践:Base64编码最适合用于10 KB以下的小图片,如图标、徽标和简单图形。对于较大的图片,使用传统文件服务和适当的缓存可提供更好的性能。

使用方法

将图片转换为Base64

1

选择标签页

点击图片转Base64标签页以访问编码界面。

2

上传图片

将图片拖放到上传区域,或点击浏览并从您的设备中选择文件。

3

预览和信息

查看图片预览以及详细的文件信息,包括名称、类型、大小和尺寸。

4

选择输出格式

从可用选项中选择您偏好的输出格式:

  • Data URI — 完整的Data URI,包含MIME类型前缀,可直接用于<img src>
  • 原始Base64 — 不含Data URI前缀的纯Base64字符串
  • CSS — 包含嵌入Data URI的CSS background-image属性
  • HTML <img> — 包含Base64源的完整HTML图片标签
5

复制或下载

点击复制将输出复制到剪贴板,或点击.txt将其下载为文本文件。

将Base64转换为图片

1

选择标签页

点击Base64转图片标签页以访问解码界面。

2

粘贴Base64字符串

将您的Base64字符串粘贴到文本区域。您可以包含data:image/...前缀或仅粘贴原始Base64字符串 — 两种格式都可自动识别。

3

自动预览

图片预览会立即显示,并包含详细信息,如类型、尺寸和文件大小。

4

下载图片

点击下载图片将解码后的图片以原始格式保存到您的设备。

主要功能

多种输出格式

使用即时切换功能将图片转换为您需要的确切格式。

  • 包含MIME类型的Data URI
  • 原始Base64字符串
  • CSS background-image
  • HTML img标签
  • 实时大小对比

拖放上传

轻松上传文件,即时处理和全面预览。

  • 从任何地方拖放文件
  • 即时图片预览
  • 显示文件名和类型
  • 显示大小和尺寸信息
  • 立即进行Base64转换

智能Base64解码

智能检测和处理您粘贴的任何Base64格式。

  • 自动检测Data URI前缀
  • 处理原始Base64字符串
  • 自动格式识别
  • 即时图片重建
  • 以原始格式下载

完全隐私

所有处理都在浏览器中本地进行 — 您的图片永远不会离开您的设备。

  • 无服务器上传
  • 无数据收集
  • 无跟踪或分析
  • 100%客户端处理
  • 您的数据属于您
原始文件

图片文件大小

  • 二进制格式
  • 需要HTTP请求
  • 单独的文件托管
  • 最适合大图片
Base64编码

增加约33%

  • 文本格式(ASCII)
  • 嵌入在代码中
  • 无需外部托管
  • 最适合小图片
大小权衡:Base64编码会增加数据大小约33%。100 KB的图片编码后大约为133 KB。这种开销对于小资源是可以接受的,但对于较大的图片可能会影响性能。

常见问题

什么是Base64编码?

Base64是一种二进制到文本的编码方案,使用64个字符(A-Z、a-z、0-9、+、/)将二进制数据(如图片)转换为ASCII文本。这允许二进制数据直接嵌入到HTML、CSS和JSON等基于文本的格式中。

编码过程将每3个字节的二进制数据表示为4个ASCII字符,使数据在仅限文本的环境中安全传输和存储。

Base64会增加文件大小吗?

是的,Base64编码会增加数据大小约33%。100 KB的图片在Base64格式中大约为133 KB。

原始图片大小 100 KB
Base64编码大小 133 KB

这种权衡对于小图片(如图标和徽标)是可以接受的,但不建议用于大型照片,因为大小增加会显著影响页面加载性能。

何时应该使用Base64图片?

Base64嵌入在特定场景中效果最佳,其中优势超过大小增加:

  • 10 KB以下的小图片(图标、徽标、简单图形)
  • 单文件HTML文档或电子邮件模板
  • UI元素的CSS背景
  • 性能优化中减少HTTP请求
  • 在数据库或JSON配置中存储图片

不建议用于:

  • 大型照片或高分辨率图片
  • 需要浏览器缓存的图片
  • 具有多个尺寸的响应式图片
  • 频繁更改的图片

对于较大的图片,以单独文件形式提供并进行适当缓存更高效,性能更好。

什么是Data URI?

Data URI是一种URL方案,使用格式data:[media-type];base64,[data]内联嵌入数据。对于图片,它看起来像:

Data URI示例
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA...

此完整字符串可直接用于HTML src属性或CSS url()值:

HTML用法
<img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo">
CSS用法
.icon {
  background-image: url('data:image/png;base64,iVBORw0KGgo...');
}

我可以在没有Data URI前缀的情况下解码Base64吗?

可以,完全可以。我们的工具会自动检测和处理两种格式:

  • 完整Data URI: data:image/png;base64,iVBORw0KGgo...
  • 原始Base64字符串: iVBORw0KGgo...

只需将任一格式粘贴到Base64转图片标签页中,工具会自动检测格式并正确解码。图片预览会立即显示,并包含所有相关信息。

我的图片数据安全吗?

是的,您的数据完全安全且私密。所有编码和解码都完全在您的浏览器中使用JavaScript进行。您的图片永远不会上传到任何服务器。

100%客户端处理:每个转换操作都在您的设备上本地运行。无数据传输、无服务器存储、无隐私问题。

这确保了:

  • 敏感图片的完全隐私
  • 无数据拦截风险
  • 您的文件不会存储在外部服务器上
  • 无网络延迟的即时处理
  • 页面加载后可离线工作

拖拽图片到此或点击上传

JPEG, PNG, WebP, GIF, SVG, BMP, ICO

Preview
名称 -
类型 -
大小 -
尺寸 -
粘贴Base64字符串
Decoded image
类型 -
尺寸 -
Base64大小 -
拖放图片或点击上传,即可快速进行Base64转换
选择Data URI格式可直接用于HTML <img src>
使用CSS格式可直接在样式表中嵌入图片
粘贴Base64时可包含或不包含data:image/...前缀 — 自动识别
所有处理都在浏览器中进行 — 图片永远不会离开您的设备
想了解更多? 阅读文档 →
1/6
找不到?用AI自定义工具
开始输入以搜索...
搜索中...
未找到结果
请尝试使用不同的关键词搜索