图片 Base64 编解码

图片与 Base64 字符串之间的相互转换,支持拖拽上传

图片 → Base64

拖拽图片到此处

或点击选择文件

Base64 → 图片

功能介绍

将图片转为 Base64 Data URL 可直接嵌入 HTML、CSS 或 JSON 中,省去外部图片加载请求。本工具支持拖拽上传、剪贴板粘贴、URL 导入,也可将 Base64 数据还原为图片下载,支持 JPG/PNG/GIF/WebP 格式。

关键特点

  • 支持拖拽上传图片
  • 支持剪贴板粘贴图片
  • 支持从 URL 导入图片
  • 自动生成 Data URL 格式
  • 支持图片压缩

使用教程

  1. 将图片拖拽到上传区域,或点击选择文件、粘贴图片、输入图片 URL
  2. 选择输出格式为"Data URI"或"纯 Base64 字符串"
  3. 点击"编码到右侧"或自动生成 Base64 编码结果
  4. 点击"复制"将 Data URL 复制到剪贴板
  5. 在右侧粘贴 Base64 字符串并点击"解码图片"可还原为图片

使用示例

输入示例:

上传一张 100x100 的 PNG 图片(工具自动生成 Base64 编码)

输出结果:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNpi/P//PwMlgAXUgGRQJoyMDAwMDAxowBWADP4DyW9A7A/Ff4D4L1T8K4j/H4j/o2k4g2pIABSbA8X/AvFfJqg6IKbB4s9QfAYm/gLxmzBxmgvTgJR/A7E4UDMDUJIZiB1B4iABJpD4IUCAAQAs2Q2rY+zb0wAAAABJRU5ErkJggg==

常见问题

什么是 Data URL?

Data URL 是将文件内容直接嵌入 URL 中的格式,常用于在 HTML/CSS 中直接嵌入小图片。

Base64 图片比原图大多少?

Base64 编码会使数据量增加约 33%。建议仅用于小图片,大图片请使用传统文件引用方式。

相关工具

文本 Base64 编解码 | QR 码生成/解析 | 图片转 ICO