输入
结果
📖 Base64 编解码使用指南
Base64 编解码工具同时覆盖文本与图片:文本支持中文及 URL Safe 变体,图片可拖入生成 Base64 字符串或反向还原预览,特别适合处理 Data URI 相关场景。
🎯 功能特点
- 文本编码勾选「支持中文」,按 UTF-8 正确处理汉字与 emoji。
- 提供 URL Safe 选项,输出可直接放进网址参数的编码变体。
- 支持 PNG、JPG、GIF、WebP、SVG 一键转 Base64。
- 粘贴 Base64 字符串可反向还原出图片并即时预览核对。
📝 使用步骤
- 文本模式:在输入框粘贴内容,按需勾选「URL Safe」「支持中文」。
- 执行编码或解码,结果区即时生成,点击即可复制。
- 图片模式:拖入图片生成 Base64,或粘贴字符串还原出图片。
💡 适用场景
- 把小图标转成 Base64 内嵌进 CSS 减少 HTTP 请求
- 解码 JWT payload 或接口字段中的 Base64 内容排查问题
- 生成 Data URI 在 Markdown 或 HTML 中直接嵌入图片
❓ 常见问题
Q: 解码中文出现乱码怎么办?
通常是编码方没有按 UTF-8 处理导致的,勾选「支持中文」选项后再解码,一般就能恢复正常的汉字显示。
Q: URL Safe 和普通 Base64 有什么区别?
URL Safe 把 + 和 / 替换成 - 和 _,避免在网址中被再次转义;用于链接参数或 JWT 场景时记得勾选这个选项。
Q: 图片转成 Base64 后体积会变大吗?
会,编码后体积约增加三分之一,只建议小图标、占位图内嵌使用,大图还是应该走普通的文件引用方式。
Q: 上传的图片会不会泄露?
图片通过浏览器 File API 在本地读取,编码也只发生在页面内部,任何像素数据都不会发送到远端服务器。