Base64 图片预览
预览和转换 Base64 图片
Base64图片预览Base64解码图片Data URL预览图片Base64转换Base64工具
最后更新: 2026/7/11
上传图片或粘贴 Base64 字符串
分享：
使用说明
- 在输入框粘贴 Base64 字符串（可带或不带 data:image/xxx;base64, 前缀）
- 图片自动渲染在右侧预览区域
- 查看图片信息：尺寸、格式、大小
- 点击"下载图片"将 Base64 解码并保存为图片文件
核心功能
- 1Base64 字符串预览图片粘贴 Base64 图片字符串（含或不含 Data URL 前缀），实时渲染预览图片。
- 2图片下载将 Base64 图片解码并下载为 PNG/JPEG 文件。
- 3图片信息显示显示解码后图片的宽高像素、文件格式、大小等信息。
- 4图片转 Base64反向操作：上传图片文件，生成对应的 Base64 字符串。
适用场景
✓
前端开发调试
调试包含 Base64 图片的 API 响应时，快速预览图片内容是否正确。
✓
邮件模板开发
开发 HTML 邮件时，验证内嵌 Base64 图片是否能正确渲染。
✓
Data URL 验证
验证 CSS 中的 background-image 使用的 Data URL 是否有效。
✓
图片编码分析
分析 Base64 字符串的格式是否符合规范，排查编码问题。
工具优势
即粘即看
粘贴 Base64 字符串立即渲染图片，无需额外操作，调试效率高。
双向转换
Base64 转图片和图片转 Base64 双向支持，一个工具全搞定。
格式自动识别
自动识别 Base64 前缀中的图片格式，无需手动指定类型。
常见问题
Q: 支持哪些图片格式的 Base64？
A: 支持 PNG、JPEG、GIF、WebP、SVG 等格式的 Base64 编码。输入时可以带 Data URL 前缀（data:image/png;base64,...）或只有纯 Base64 字符串，工具都能识别。
Q: 为什么我的 Base64 显示不了图片？
A: 常见原因：1）字符串不完整，复制时遗漏了末尾；2）前缀格式不对（如格式应为 image/png 但填了 image/jpg）；3）字符串中含有多余的换行符或空格。
Q: Base64 图片在网页里怎么用？
A: 作为 img 标签的 src 属性：<img src="data:image/png;base64,ABC...">；或作为 CSS background-image：background-image: url('data:image/png;base64,ABC...')。
相关工具
关联介绍
什么是Base64编码
Base64编码是将二进制数据转换为64个可打印ASCII字符（A-Z、a-z、0-9、+、/）的文本格式。编码后数据比原始大33%，但可以安全地在纯文本系统中传输。常用于HTTP传输、图片内嵌（Data URI）等场景。