WebP to SVG

如何将WebP转为SVG

在上方选择一份WebP，点击转换，在棋盘背景上检查实际结果后保存。保留来源以比较细线、小文字和透明边缘。本工具将色块描摹成路径，不能恢复原始矢量设计、字体、图层或压缩时丢失的细节。

结果是第一解码帧的一张静态SVG，没有选帧、动画SVG导出、去背景或描摹质量选项。动画有多个图案时，应先取得需要的静帧。如果需要完全相同的位图外观或动画，请保留WebP，不要把扩展名变化当成保真恢复。

压缩可能使描摹结果更复杂

2026年10月27日，我们在同一张320×200白色画板上绘制矩形、圆形和小字WEBP 123，分别保存无损WebP与质量15的有损WebP。这是输入生成设置，不是本工具选项。两份均在真实生产页选择并保存其SVG下载。

无损输入604字节，输出10,779字节、67条路径；有损输入776字节，输出71,578字节、396条路径。有损描摹还用了16种填色，而无损为6种。这张图使用有损设置后，输入输出都未变小。路径数描述保存的XML，不是画质得分，也不能预测其他图片。

比较提供的图像边缘和文字。描摹会重画已解码WebP，包括可见压缩变化，无法越过它们找回原图。变化影响使用时，请尝试更干净来源或原矢量设计。这仅是一张合成图在一个浏览器中的配对实验，不是编码器排名，也不证明所有有损WebP都会产生更多路径。

动画WebP变成静态图形

两帧WebP先显示左侧青色矩形，再显示右侧杏色矩形，生成时各帧600毫秒。实际SVG下载455字节，含2条路径，没有动画或嵌入图片元素；与单独保存的首帧所得SVG逐字节相同。保存结果没有第二个图案和帧时长。

该对照验证这份动画在测试浏览器中的首帧行为，不能证明所有动画处置、混合或色彩配置组合都受支持。静态预览便于看清导出了哪张图，但不能恢复运动。请保留原动画，需要后续帧时先准备单独静帧。

透明度与细节要分开看

独立透明样本含半透明青色椭圆、不透明杏色矩形和透明外围。358字节WebP产生1,150字节、3条路径SVG。独立sharp/librsvg渲染后，角落Alpha为0、椭圆取样点128、杏色中心255；检查点青色RGB从38,181,164变为37,179,163。保留这些Alpha不等于保留每种颜色。

全透明64×64对照仍能下载269字节SVG，其中一条路径完全透明。成功生成文件不证明找到了可见图案。棋盘格只是预览背景，工具不会擦掉不透明白底。请把保存SVG放在实际使用背景检查；样本不代表通用透明度或色彩管理认证。

大画板不会恢复细线

细线来源2048×256像素，五条横线宽度为1、2、3、5和9像素。实际SVG外部尺寸相同，但viewBox为1024×128，含10条路径。原有描摹管线会先将最长边缩到最多1024像素再拟合路径。更大的SVG宽度只是缩放近似结果，不会重新读取原高分辨率细节。

打开下方确切来源和SVG，在目标显示尺寸检查线边缘。样本说明本实现，不是最小保证线宽，也未测试切割机。工具没有字体重建：纯色图上的小字变为路径，两份输出都没有text元素。文字准确性或精确几何重要时，请保留可编辑原件。

复现方式与范围

从表中下载WebP来源，在本页选择并保存SVG，与带日期参考文件比较。清单列实验日期、输入输出尺寸、字节数、SHA-256、帧数及SVG结构。哈希标识归档文件，不是视觉质量指标，也不保证所有浏览器结果相同。

每次选择一份有效WebP，最多20MB，每边不超过4096像素，总计不超过1600万像素。另测错误文件头、截断和超尺寸，均报错且不提供旧结果。转换在浏览器中进行。WebP格式支持有损、无损、透明和动画，不代表这款静态描摹工具能完整导出这些能力。未实测竞品转换或实体手机。

下载确切实验文件

Input manifest · Output manifest · SHA-256 · 原创输入生成器 · 复现与范围

Google: WebP container specification · W3C: SVG image element

常见问题