Filepetal如何使用 PNG to WebP
- 在上方选择一个 PNG。
- 保留默认质量 92，或选择 60、100，再点击“转换为 WebP”。
- 检查实际 WebP 预览、尺寸和字节数，再下载。
棋盘格只帮助查看透明区域，不会写入图片。预览就是下载的 WebP，更改质量会清除旧结果，需要重新转换。
为图片选择合适的质量
质量是编码参数，不是保留原始细节的百分比。本工具向浏览器传入 0.60、0.92 或 1.00，92 沿用原默认值。文件太大或边缘不合适时可尝试其他设置，比较实际输出，不存在适合所有图片的统一最佳值。
本页生成与解码后 PNG 同尺寸的静态 WebP，没有缩放、批量或动画控制。输入最大 20 MiB（20,971,520 字节），每边最多 4096 像素、总像素最多 1600 万。这是工具输入边界，不是 WebP 格式上限，文件在浏览器本地解码编码。
PNG to WebP 下载结果的实测观察
2026 年 10 月 14 日，在正式页以质量 92 保存 6 组原创合成 PNG 转换，并在更新工具中复测，其中 3 个输入还测试了 60 和 100。6 份默认输出与旧下载逐字节相同。用 Pillow 11.3.0 打开，并独立解析 PNG/WebP 容器。结果来自桌面内置浏览器，未记录引擎版本，其他浏览器可能产生不同字节。
| 原创配对样本 | PNG 输入 | 质量 92 的 WebP | 实测结果 |
|---|---|---|---|
| 纯色色块 · WebP | 32 × 32 · 145 字节 | 32 × 32 · 718 字节 | 小型双色图变大，边缘改变。 |
| 程序生成场景 · WebP | 320 × 192 · 104,805 字节 | 320 × 192 · 21,476 字节 | 静态图变小，但颜色并非无损复制。 |
| 透明度色带 · WebP | 128 × 64 · 250 字节 | 128 × 64 · 626 字节 | 四个色带中心 Alpha 仍为 0、64、128、255。 |
| 彩色细线 · WebP | 400 × 160 · 3,543 字节 | 400 × 160 · 3,628 字节 | 红蓝 1 像素条纹变为偏紫色。 |
| 元数据标记 · WebP | 96 × 48 · 307 字节 | 96 × 48 · 562 字节 | 标题、注释和源 DPI 未保留。 |
| 双帧 APNG · WebP | 48 × 32 · 355 字节 | 48 × 32 · 574 字节 | 只输出第一帧红色静态图。 |
换格式不保证文件更小
纯色样本只有红白两色，PNG 为 145 字节，质量 92 的 WebP 为 718 字节。程序场景包含平滑色变与固定噪声，PNG 较大，WebP 则从 104,805 降至 21,476 字节。这是原创生成图，不是真实照片，也不能保证每张照片节省空间。
小文件尤其容易受到格式附加数据的影响。本次保存的每个 WebP 都含有 456 字节的 ICCP 色彩配置数据，加上 8 字节的数据块头，共占 464 字节，已超过整张 145 字节的纯色 PNG。这有助于解释本次输出大小，但不代表所有浏览器都会写入相同的色彩配置。Google 的 WebP 常见问题（英文） 也解释了少色 PNG 经有损压缩后可能更大。WebP 没有实际体积或外观收益时，可继续保留 PNG。
质量越高，文件不一定越大
我们在实际工具中逐档选择质量设置，保存下载结果并检查文件结构，下表比较了三个输入在尺寸不变时的结果。质量值是传给浏览器编码器的参数，不是目标文件大小，也不是保留像素的比例。建议用自己的图片尝试几档设置，再比较实际结果。
| 输入 | 质量 60 | 质量 92 | 质量 100 |
|---|---|---|---|
| 纯色色块 · PNG 145 字节 | 680 字节 | 718 字节 | 540 字节 |
| 程序场景 · PNG 104,805 字节 | 6,972 字节 | 21,476 字节 | 76,966 字节 |
| 透明色带 · PNG 250 字节 | 628 字节 | 626 字节 | 552 字节 |
60 和 92 的下载使用 VP8 有损数据，100 的三份输出使用 VP8L 无损数据，纯色样本甚至比低质量档更小。这只记录所测浏览器与样本，不代表所有浏览器都把 100 映射到同一模式，也不保证无损 WebP 保留原 PNG 的全部信息。PNG 先解码到画布，动画、元数据及部分色值可能在此时已变化。 画布编码 API（英文） 说明质量参数的传递方式。
透明度和颜色精度要分别检查
Alpha 0、64、128、255 在三档输出的色带中心均保持不变，但半透明绿色 RGB 改变：源为 (32,152,112)，质量 92 的 Alpha-128 中心为 (31,151,113)，100 为 (32,151,112)。完全透明中心解码为零 RGB。这支持实测透明度表现，不代表颜色完全一致。
细线图在小字面板上方交替画 1 像素红蓝线。质量 92 的前四个采样点偏紫，尺寸仍为 400 × 160。请按可读大小比较原图与下载，宽高一致不代表细节一致。精细彩色图请保留 PNG，替换前检查实际结果；转换也不会去掉不透明白底。
动画会变成静态图，元数据也可能丢失
APNG 有两个 48 × 32 帧：红标记 100 毫秒、蓝标记 300 毫秒，无限循环。保存 WebP 仅有红色第一帧，没有 ANIM/ANMF 动画块。质量选择没有增加动画处理功能，静态预览不能恢复动画；需要帧序与时长时请使用支持动画的转换工具。
元数据样本含 PNG Title、Comment 和约 300 DPI 信息，检查的 WebP 没保留这些源标记或分辨率，也没有 EXIF/XMP，但含 456 字节 ICCP。因此不能称输出无元数据，也不能保证清除每个来源的所有私密标签。信息重要时请保留原件。
复现实验并检查错误处理
下载上方 PNG/WebP 配对，选择 PNG，使用记录的质量设置，检查预览并保存结果。 输入清单 和 输出记录 包含测试日期、尺寸、精确字节、帧数与 SHA-256。 CC0 生成器, 独立检查脚本 和 复现说明 可重建输入并检查实际容器。Google 的 容器规范（英文） 区分图像、Alpha、色彩配置与动画块。
还测试了 改名为 PNG 的文本、 40 字节截断 PNG 和 有效的 4097 × 32 PNG ，其中最后一个文件超过了当前边长上限。三项测试都显示错误，没有生成 WebP 下载，也没有残留旧预览。这些可重复的测试未覆盖所有损坏或恶意文件，也未测试实体手机、所有浏览器、印刷流程、全部色彩配置或高位深 PNG。哈希用于识别具体文件，字节不同本身不代表图片有问题。
PNG to WebP 常见问题
为什么 WebP 变大了？
小型简单 PNG 可能本来就很紧凑。145 字节纯色图在质量 92 下变成 718 字节 WebP，色彩配置与容器开销也占空间。请比较实际字节，没有收益可保留 PNG。
质量 100 会保留完整原件吗？
不保证完整文件保留。所测三份输出使用无损 WebP 图像数据，但此前的画布步骤及静态流程仍可能改变颜色、元数据和动画。
透明部分会保持透明吗？
三档的四个色带中心 Alpha 未变，部分 RGB 改变，不透明背景未移除。请用合适的显示背景检查实际输出。
动态 PNG 会继续动吗？
本工具输出静态图，双帧 APNG 只留下第一帧红色，没有动画控制。
为什么调整质量后旧预览消失了？
旧下载对应原来的质量，改变设置会清除结果，再点击“转换为 WebP”生成新文件。