SVG 转 WebP
把 SVG 转换为体积更小的 WebP 图片，比 PNG 或 JPG 加载更快，同时保持锐利边缘和透明背景，适合网页图标与标志。
把SVG文件拖到这里
或点击选择文件
把 SVG 图形转换成 WebP——在视觉质量相同的前提下，它比 PNG 或 JPG 体积更小，同时还能保住锐利边缘和透明背景。正是因为这一点，它成了现代网站里图标和 Logo 的默认选择。
所有当前浏览器都支持 WebP，所以兼容性方面的顾虑基本已是历史问题。如果你仍然需要服务非常老的客户端，就保留一份 PNG 作为回退；否则 WebP 就是更好的那个文件。
如何把 SVG 转换成 WebP
选择一个 .svg 文件
设定输出尺寸与画质
下载 WebP
常见问题
WebP 到处都支持吗？
在当前版本的 Chrome、Firefox、Safari 和 Edge 里都支持，移动端也一样。只有非常老的浏览器才需要 PNG 或 JPG 回退。
它比 PNG 更小吗？
对大多数图形来说小得很明显——同样视觉质量下常常小 25–50%，而且它能保留透明，换成 PNG 体积会更大。
WebP 可以做动画吗？
这种格式支持动画，但本转换器只会从你的 SVG 生成一张静态图片。
怎么在自己的网站上使用？
像引用普通图片那样引用它即可——<img> 标签里放一个 .webp 文件就能直接工作，支持它的浏览器会自动使用。
图像编辑器能打开它吗？
当前版本的 Photoshop、GIMP、Affinity 以及大多数代码编辑器都能处理 WebP。非常老的工具可能不行，这也是保留一份 PNG 副本的主要原因。
我的文件会被上传吗？
不会，转换在你浏览器里本地进行。
一览
| 输入 | SVG |
|---|---|
| 多个文件 | 否 |
| 运行位置 | 在你的浏览器中——文件永远不会被上传 |
| 离线可用 | 是 — 页面加载完成后 |
| 价格 | 免费，无需注册，无水印 |
该选哪种输出格式
如果你是从 SVG 出发，需要一个位图，PNG 几乎总是正确答案：它保留透明，边缘和文字周围没有压缩伪影，按显示尺寸的两三倍渲染也依然锐利。只有当你要尽可能小的文件，并且没有透明或精细细节需要保护时才选 JPG，还要记住它完全无法表现透明——透明区域会变成白色或黑色。当图片要放到网站上，而你同时想要透明和更小的文件时，选 WebP。无论选哪一种，导出时都用比你以为需要的更高的分辨率：把一张大而干净的渲染图缩小，永远比把小图放大更好看。
SVG 输出的实用提示
SVG 是文本，所以它随你在导出时选择的分辨率缩放：按目标显示尺寸的 2 倍或 3 倍分辨率渲染，就能在高密度屏幕上保持锐利。因为是文本，它也容易被压缩和缓存，还能用 CSS 设置样式并做动画。有两点要注意：SVG 里的文字依赖字体是否可用，所以把文字转成轮廓能得到一个在哪里看都一模一样的文件，但它不再可选中、也不再可搜索；另外 SVG 可以包含脚本和外部引用，这就是上传表单和邮件客户端常常拒收它们的原因。