WebP 转 Base64
使用这款免费的 WebP 转 Base64 转换器,将任意 WebP 图片转换为 Base64 字符串或现成的代码片段。 选择本地 .webp 文件(或粘贴远程文件链接),选择输出格式,然后点击WebP 编码为 Base64。
WebP 文件
将 WebP 文件拖放到此处或点击选择
如何在线转换 WebP 转 Base64
- 选择本地文件并选取一个 .webp 文件,或选择远程 URL并粘贴链接。
- 选择输出格式:纯 Base64、Data URI、HTML 标签、CSS、JavaScript、JSON 或 XML。
- 点击WebP 编码为 Base64。结果会立即显示并附带预览。
- 将结果复制到剪贴板,或下载为 .txt 文件。
关于 WebP(WebP)
WebP 是 Google 于 2010 年推出的现代图片格式。它支持有损和无损压缩、Alpha 透明和动画,通常比同等的 JPG 或 PNG 小 25–35%。
所有现代浏览器都支持 WebP,因此它非常适合作为 Base64 Data URI 的来源:图片越小,编码后的字符串越短,页面加载越快。
| 开发 | 2010 年,Google |
|---|---|
| 压缩 | 有损和无损 |
| 透明度 | 是 |
| 动画 | 是 |
| 文件签名 | RIFF....WEBP |
输出格式
选择结果的包装方式。转换器可以输出:
- txt: 仅 Base64 字符串,可直接粘贴到代码、数据库字段或 API 请求中。
- uri: 完整的
data:URI,可粘贴到浏览器地址栏,或用于任何接受 URL 的地方。 - html img:
src中包含 Data URI 的<img>标签。 - css background image: 使用
background-image: url(data:...)的 CSS 规则。 - html favicon: 用于内联 favicon 的
<link rel="icon">标签。 - html hyperlink: 用于下载或打开嵌入文件的
<a>链接。 - html iframe: 以内联方式渲染内容的
<iframe>。 - javascript image: 创建
Image对象的 JavaScript 代码。 - javascript popup: 在新窗口中打开内容的 JavaScript 代码。
- json: 包含文件名、MIME 类型和数据的 JSON 对象。
- xml: 数据位于 CDATA 区段内的 XML 元素。
是否安全?结果会有多大?
您的文件绝不会被上传:浏览器使用 File API 在本地读取和转换,即使是机密文档也会留在您的设备上。
Base64 用 4 个字符表示每 3 个字节,因此编码结果比原文件大约 33%(另加几个字节的填充和 Data URI 前缀)。
常见问题
如何将 WebP 转换为 Base64?
在上方选择 .webp 文件,点击“WebP 编码为 Base64”。转换器在浏览器中读取文件,并输出 Base64 字符串或现成的 Data URI。
Base64 编码的 WebP 以什么开头?
WebP 文件编码为 Base64 后通常以“UklGR”开头。作为 Data URI 时则以“data:image/webp;base64,”开头。
有文件大小限制吗?
由于转换在本地运行,没有硬性限制,但超大文件会生成超长的字符串。在现代浏览器中,约 50 MB 以内的文件都能流畅处理。
如何将 Base64 转换回 WebP?
使用 Base64 转 WebP 解码器:粘贴字符串,即可预览并下载原始 .webp 文件。
评论 (0)
对“WebP 转 Base64”有疑问、想法或发现了 bug?欢迎留言评论、为工具评分或回复他人。
暂无评论,快来分享您的反馈吧!