SVG 转 WEBP 转换器
SVG 原本采用无损压缩,而当前配置的 WebP 输出采用有损压缩。最终文件可能大小相近,也可能变大或变小,具体取决于源内容和所选设置。
将 SVG+XML 文件拖放到此处
或点击浏览 · 支持批量上传
浏览文件
本地浏览器处理,文件不会上传
为什么使用这个转换器?
了解此转换方式的关键信息。
明确选择有损导出
当前配置的 WebP 编码器会永久丢弃部分解码后的源信息,而不是无损保留。
当前输入处理只保留有限状态
SVG 转换只捕获一个渲染状态,不保留动画或交互;光栅输出也会失去矢量缩放能力。
文件大小取决于内容
最终文件可能大小相近,也可能变大或变小,具体取决于源内容和所选设置。
SVG 输入与当前配置的 WebP 输出
SVG 转换只捕获一个渲染状态,不保留动画或交互;光栅输出也会失去矢量缩放能力。图片处理流程会生成可调质量的有损静态 WebP;不会使用 WebP 无损模式,也不会保留动画。
格式对比
对比源格式与已配置的输出格式。
| 属性 | 源格式 | 输出格式 |
|---|---|---|
| 压缩 | 无损压缩 | 已配置为有损输出 |
| 透明度 | 支持透明度 | 支持透明度 |
| 兼容性 | 浏览器支持范围广泛 | 浏览器支持主要集中在现代浏览器 |
| 最大文件体积 | 无固定限制 | — |
如何使用此转换器
按照以下三个步骤操作。
- 1
添加输入
选择或拖入以下内容:SVG
- 2
选择设置
处理前请检查这些设置:质量、宽度 (px)、高度 (px)、缩放、背景颜色、自定义颜色 (hex)、保持宽高比。
- 3
处理并下载
运行转换并下载 WebP 结果。
常见问题
了解此转换及其输出结果的详情。
SVG 转换只捕获一个渲染状态,不保留动画或交互;光栅输出也会失去矢量缩放能力。
SVG 表示矢量图稿。转换会将其渲染到固定的像素网格上,因此输出的像素尺寸决定光栅化后的分辨率。
活动内容和外部资源需要采用注重安全的处理方式。
当前配置的输出采用有损压缩。
百分比越高,通常保留的细节越多、文件越大;较低的值更偏向生成更小的有损输出。
最终文件可能大小相近,也可能变大或变小,具体取决于源内容和所选设置。
常见使用场景
此工具的一些实用用法。
- 将可缩放的 SVG 标志和图表栅格化,用于像素图场景
- 为 SVG 图像创建适合网页传输的紧凑型有损 WebP 文件
- 准备体积较小、便于分享的照片文件
- 为网页发布准备照片和图形
相关工具
探索其他转换或文件处理工具。
延伸阅读
与此转换相关的深度指南。