跳转到正文
patrache.tools

图片 ↔ Base64

将图片转换为Base64字符串,或反向转换。

拖放图片或点击选择

lock文件不会上传到服务器
分享
嵌入

将此工具嵌入你的网站

图片Base64转换器是一款免费在线工具,可将图片编码为Base64字符串或将Base64解码为图片。 所有转换在浏览器中完成,数据不会发送到服务器。 适用于在HTML/CSS中内联嵌入图片、通过API传输图片数据和减少HTTP请求。 图片 ↔ Base64非常适合快速处理用于博客、网店和社交媒体的图片。

如何使用图片 ↔ Base64?

  1. 选择 图片→Base64 或 Base64→图片 模式。
  2. 上传图片或粘贴 Base64 字符串。
  3. 复制或下载转换结果。

图片 ↔ Base64常见问题

Base64 编码用在哪里?

用于电子邮件附件、CSS 背景图片内联嵌入、API 数据传输等。

转成 Base64 后体积会变大吗?

会,每 3 字节要用 4 个字符表示,体积约增加 33%。图标或 1~2KB 的小图能靠省下一次请求划算,但把几百 KB 的照片内嵌进来会撑大 HTML,还完全失去浏览器缓存,得不偿失。

能把 Base64 字符串还原成图片文件吗?

可以,切换到解码模式,粘贴字符串就能还原成图片并下载。带着 `data:image/png;base64,` 前缀直接粘贴即可;若没有前缀,只需选择输出格式。

在邮件签名或 CSS 里放图片,用 Base64 划算吗?

在 CSS 里,用于图标、纹理等小图很合适,可以减少请求数。但邮件签名不建议这么做,Gmail 和 Outlook 常常屏蔽 data URI 图片,把图片放到服务器再用链接引用更稳妥。

如何充分利用图片 ↔ Base64?

  • Base64编码会使文件大小增加约33%,因此最适合小图标和Logo。
  • 在CSS中使用data URI可以减少HTTP请求,提高页面加载速度。
  • 大图片使用普通文件比Base64更有利于缓存和性能。

Powered by Patrache Studio Tools

请允许此网站展示广告

要使用这些工具,请关闭对此网站的广告拦截。广告收入支持我们免费提供服务。

点击广告拦截器图标,关闭对此网站的拦截,然后重新检查。