Base64 转 WebP
从 Base64 恢复 WebP 文件，预览并下载。
0 字符
01
工作原理
解码 Base64 后检查 WebP 文件签名，自动移除 Data URI 前缀，也支持 Base64URL 和空白字符。
02
技术说明
不会将 PNG 或 JPEG 转码为 WebP。不确定图片格式时，请使用通用 Base64 图片解码器。
技术说明
输入
- >data:image/webp;base64,…
- >Base64 / Base64URL
适用场景
- >HTML / CSS
- >JSON / API
工作原理
解码 Base64 后检查 WebP 文件签名，自动移除 Data URI 前缀，也支持 Base64URL 和空白字符。
示例:
data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA
技术说明
- >不会将 PNG 或 JPEG 转码为 WebP。不确定图片格式时，请使用通用 Base64 图片解码器。
- >数据在浏览器中处理。
工作原理
01
解码
在这里粘贴 Base64 内容。
02
下载
从 Base64 恢复 WebP 文件，预览并下载。
示例
JavaScript
const b64 = 'UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA';
const bytes = Uint8Array.from(atob(b64), c => c.charCodeAt(0));
const file = new Blob([bytes], { type: 'image/webp' });解码 Base64 后检查 WebP 文件签名，自动移除 Data URI 前缀，也支持 Base64URL 和空白字符。
常见问题
使用时需要注意什么？
不会将 PNG 或 JPEG 转码为 WebP。不确定图片格式时，请使用通用 Base64 图片解码器。
数据会上传到服务器吗？
不会，处理过程在浏览器中完成。
其他语言
参考资料
我们如何确保结果正确
我们使用以下自动化测试验证此工具。下方保留测试用例的原始名称，便于查看实际断言和复现。
- 验证方法
- 比较标准、URL-safe、无填充和 Data URI 解码后的字节，并检查真实文件签名优先于错误 MIME 标签。
- 对比依据
- 明确二进制样本、文件签名与字节断言。
- 验证范围
- 验证字节与格式判断；不等于所有图片都可以被浏览器完整解码。
测试源码与用例（点击文件名查看）
-
base64-image.test.js
- image decoding preserves bytes for raw, wrapped, URL-safe and unpadded Base64
- file signatures determine the actual format even when the data URI lies
这些测试覆盖列出的样本和边界，不代表所有输入都已证明正确。往返测试和使用同一依赖库的检查，不属于独立交叉验证。