PNG 适合保存无损图形和透明背景，但网页使用的 PNG 文件有时会比实际需要更大。将 PNG 转为 WebP 可以得到更适合网页交付的现代格式，并选择质量来平衡画面和体积。打开PNG 转 WebP 转换器，在实际显示尺寸下检查结果，并保留 PNG 原图以便之后重新导出。
为什么要把 PNG 转为 WebP？
对于许多照片、插画和透明网页图形，WebP 可以在保留有用细节的同时减小文件体积。文件更小，网页加载时需要下载的数据也更少。最终效果取决于源图、质量设置和显示尺寸，因此应该检查输出，而不是套用固定的压缩比例。
WebP 也支持透明效果，适合许多透明 Logo、商品抠图和界面图形。不过，非常清晰的单像素线条图仍然需要和 PNG 仔细对比，必要时可以继续保留 PNG。
如何在线将 PNG 转为 WebP
1. 保留原始 PNG
转换前先保存原始 PNG。WebP 是网页交付副本，之后重新编辑、选择不同质量或导出其他格式时，仍然可能需要无损源文件。
2. 打开转换器
打开在线 PNG 转 WebP 转换器，选择 PNG 图片。工具在浏览器本地完成转换，编码过程中不会把所选图片上传到服务器。特别大的图片仍然会占用较多浏览器内存。
3. 选择质量
使用质量选项在文件大小和画面保真度之间取舍。80 左右可以作为许多网页图片的起点；插画细节、细小文字或商品边缘明显时，选择更高质量。只有确认输出仍然清晰后，才考虑更低质量。
4. 转换、对比并下载
开始转换后，对比原图和 WebP 的文件大小。在网页实际显示尺寸下检查透明边缘、细线、文字、渐变和主体轮廓。如果 WebP 仍然过大，可以先用图片缩放器减少多余像素，再生成交付副本。
如何选择 WebP 质量？
没有适用于所有图片的固定质量值。照片通常能隐藏适度压缩，而扁平图形和文字更容易出现振铃、色彩变化或边缘模糊。可以按以下顺序检查：
- 确认文件可以打开，尺寸没有改变。
- 在浅色和深色背景上检查透明边缘。
- 检查小字、商品标签、细线和渐变。
- 将文件大小与网页或上传限制比较。
- 如果实际显示时能看出损失，提高质量再导出。
文件越小不一定越好。一个能让商品标签保持清晰、但稍微大一些的 WebP，通常比只节省几 KB 却让文字难以阅读的版本更适合用户。
什么时候应该保留 PNG？
当像素必须无损、后续编辑软件要求 PNG，或图片包含压缩后会明显变化的精细界面图形时，应保留 PNG。对于照片和普通网页图形，可以将 WebP 与 PNG 对比后，再选择符合画质和交付要求的副本。
如果源图像素远超网页布局所需，可以在转换前缩放。如果画面包含多余边框，先用图片裁剪器改变构图；目标比例不确定时，可以用宽高比计算器确认比例。去掉不需要的像素，通常比单纯降低质量更有效。
PNG 转 WebP 常见问题
WebP 看起来模糊或出现方块
提高质量并重新对比。如果源图远大于显示区域，先缩放到合理的交付宽度。始终从原始 PNG 开始，不要反复把之前的 WebP 再转换一次。
透明边缘看起来不对
在最终使用的背景上检查透明边缘。细薄边缘或精确像素颜色很重要时，可以保留 PNG，或者提高 WebP 质量后再次仔细对比。
文件没有小很多
源 PNG 可能本来就很简单、已经高效编码，或者质量设置过高。检查图片尺寸，尝试适中的质量，并在实际显示尺寸下比较结果。
平台不接受 WebP
有些上传流程仍然只接受 JPG 或 PNG。保留原始 PNG，并导出目标平台允许的格式。替换网站生产图片前，也应确认当前浏览器和 CMS 的支持情况。
常见问题
如何在线把 PNG 转为 WebP？
打开PNG 转 WebP 转换器，选择 PNG，设置质量，点击转换，检查输出，然后下载 WebP 交付副本。
WebP 会保留 PNG 的透明背景吗？
WebP 支持透明效果，但转换后仍应检查透明边缘。图形需要精确无损像素，或目标平台明确要求 PNG 时，应保留 PNG。
PNG 转 WebP 应该选择多少质量？
可以先从 80 左右开始，再在实际显示尺寸下检查。细节多或包含文字时提高质量；只有确认画面仍清晰且体积确实有价值时，才降低质量。
PNG 转 WebP 会上传图片吗？
OpenVideoMaker 转换器在浏览器中处理所选图片，不会为了转换步骤上传图片。浏览器仍需要为大文件预留足够内存。
应该先压缩还是先缩放？
当源图尺寸超过目标显示区域时，先用图片缩放器调整尺寸，再转换为 WebP。需要进一步控制质量和体积时，使用图片压缩器。
继续使用相关图片工具
使用PNG 转 WebP 转换器制作网页交付格式，使用图片缩放器设置准确像素，使用图片压缩器进一步减小文件大小。需要改变构图时，先使用图片裁剪器，并用宽高比计算器确认目标比例。