图片 Base64 编解码
图片与 Base64 字符串之间的相互转换,支持拖拽上传
图片 → Base64
拖拽图片到此处
或点击选择文件
Base64 → 图片
功能介绍
将图片转为 Base64 Data URL 可直接嵌入 HTML、CSS 或 JSON 中,省去外部图片加载请求。本工具支持拖拽上传、剪贴板粘贴、URL 导入,也可将 Base64 数据还原为图片下载,支持 JPG/PNG/GIF/WebP 格式。
关键特点
- 支持拖拽上传图片
- 支持剪贴板粘贴图片
- 支持从 URL 导入图片
- 自动生成 Data URL 格式
- 支持图片压缩
使用教程
- 将图片拖拽到上传区域,或点击选择文件、粘贴图片、输入图片 URL
- 选择输出格式为"Data URI"或"纯 Base64 字符串"
- 点击"编码到右侧"或自动生成 Base64 编码结果
- 点击"复制"将 Data URL 复制到剪贴板
- 在右侧粘贴 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%。建议仅用于小图片,大图片请使用传统文件引用方式。