上传 PNG 文件,按需选择宽度、高度、压缩模式和质量设置,然后开始转换。处理完成后,下载转换后的 .webp 文件。
这个 PNG 转 WebP 工具能做什么
这个工具会把 PNG 图片重新编码为真正的 WebP 文件,而不是只改文件扩展名。上传的 PNG 会被转换成 WebP 图片数据,因此结果可用于浏览器、内容管理系统的媒体库、页面搭建器,以及其他支持 .webp 文件的流程。
转换前可以调整这些实用导出设置:
| 设置 | 会改变什么 | 适合什么时候使用 |
|---|---|---|
| 宽度和高度 | 在转换时调整 WebP 输出尺寸 | 创建符合显示尺寸的文件,而不是保留过大的 PNG |
| 有损模式 | 使用可调的 WebP 压缩 | 更小的网站图片、卡片图、缩略图和内容配图 |
| 无损模式 | 避免有损 WebP 压缩 | 标志、图标、截图、文字较多的图片和边缘清晰的图形 |
| 质量 60-70 | 优先减小文件体积 | 预览图、缩略图和非关键图形 |
| 质量 80 | 平衡默认值 | 大多数 PNG 转 WebP 场景 |
| 质量 90-100 | 保留更多可见细节 | 产品图、细节截图、渐变和重要图形 |
如果想保留源图尺寸,请将宽度和高度留空。填写尺寸时,当前字段支持 1 到 16383 像素。上传校验限制文件大小为 20MB。
当源文件是 PNG 且需要输出 WebP 时,请使用此页面。如果需要反向转换,请使用 WebP 转 PNG。如果只是想减小图片体积而不改成 WebP,请使用 图片压缩。
如何在线将 PNG 转 WebP
上传 PNG 文件
从设备中选择 .png 文件,或将它拖到上传区域。上传区域只面向 PNG 输入,因此这个页面用于直接进行 PNG 转 WebP,而不是通用的图片转 WebP 流程。
选择尺寸和压缩设置
如果 WebP 输出应使用原 PNG 尺寸,请将宽度和高度留空。当转换后的文件需要匹配页面布局、上传要求或最终显示尺寸时,可以输入目标宽度、高度或两者。
- •如果更重视较小的 WebP 文件,请选择有损模式。如果图片包含文字、清晰边缘、透明图形或界面细节,并且想避免有损压缩,请选择无损模式。
为有损 WebP 选择质量
在有损模式下,建议先使用质量 80 作为平衡结果。需要更轻的输出时降低质量;如果 PNG 包含渐变、细线、人像、产品细节或其他容易看出压缩痕迹的元素,则提高质量。
转换并下载 WebP 文件
开始转换,等待任务完成,然后下载 .webp 文件。WebP 输出可用于网站、博客文章、落地页、产品卡片、文档,以及其他支持现代图片交付的流程。
如何选择 PNG 转 WebP 压缩设置
PNG 和 WebP 都有用途,但它们在图片流程中承担的角色不同。PNG 通常适合作为可靠的源文件或编辑格式;当需要更小文件时,WebP 通常更适合作为交付格式。
| 输出目标 | 建议设置 | 为什么适合 |
|---|---|---|
| 小型网站缩略图 | 质量 60-70 | 在小尺寸下保留足够细节,同时降低文件体积 |
| 常规网页图形 | 质量 70-80 | 适合内容图片、卡片和页面区块的平衡选择 |
| 透明标志或图标 | 无损或质量 90-100 | 有助于保护边缘和半透明像素 |
| 带文字的截图 | 无损或质量 90-100 | 让文字、线条和界面细节更清晰 |
| 过大的 PNG 素材 | 调整尺寸并使用质量 70-80 | 减小尺寸通常比单纯压缩更能降低体积 |
对大多数用户来说,质量 80 是最稳妥的第一次测试。下载 WebP 文件后,在它实际显示的尺寸下对比效果。300% 放大时明显的小瑕疵,在缩略图中可能并不重要;而标志放在深色背景上时,细小边缘问题可能会很显眼。
当你想避免有损压缩时,无损 WebP 很有用。但它并不保证 WebP 文件一定比 PNG 源文件更小。一些 PNG 文件,尤其是简单图形,本身可能已经很紧凑。
透明 PNG 转 WebP
WebP 支持透明通道,因此适合许多透明 PNG 图片输出。PNG 转 WebP 可用于界面图标、产品叠加图、贴纸、徽章、标志,以及需要放在不同背景上的图形。
如果透明边缘很重要,请使用更高质量或无损模式。细线、柔和阴影、抗锯齿和半透明像素更容易暴露压缩痕迹,尤其是 WebP 输出会放在深色、带纹理或彩色背景上时。
转换后,请在实际使用的背景上预览 WebP。这是检查透明边缘和细节是否符合预期的最好方式。
什么时候用 WebP 替代 PNG
当 PNG 视觉效果正确但作为交付文件偏重时,可以将 PNG 转 WebP。对于重视加载速度的网页、界面素材和图片较多的布局,WebP 通常是不错的最终格式。
| 使用场景 | WebP 的帮助 |
|---|---|
| 网站图形 | 在支持 WebP 的浏览器中可降低页面图片体积 |
| 博客和文档图片 | 更小的交付文件能让长文章加载更轻 |
| 产品卡片和缩略图 | 重复出现的图片尤其受益于更小体积 |
| 界面截图 | 尺寸和质量选项可帮助准备更干净的文档素材 |
| 透明图标和徽章 | WebP 可在适合网页的格式中承载透明度 |
请保留原始 PNG 作为源文件或备用文件。WebP 很适合作为交付格式,但之后你可能还需要 PNG 来编辑、兼容旧流程,或导出为另一种现代格式,例如 AVIF。
常见误区
不要手动把 .png 改名为 .webp
只改扩展名不会转换图片数据。真正的 PNG 转 WebP 必须解码 PNG 源文件,再编码为 WebP 输出文件。
不要假设每个 WebP 都一定更小
WebP 很高效,但最终大小取决于图片内容、尺寸、质量,以及选择有损还是无损模式。替换重要素材前请先对比输出结果。
不要把所有透明图形都直接用有损模式
有损 WebP 适合许多网站图片,但清晰边缘和透明图形可能需要更高质量或无损模式。请在实际背景上测试透明图片。
不要随意上传私密图片
PNG 文件会上传到后端处理,并计划在 24 小时内删除。请将本工具用于普通图片转换任务;如果不希望通过在线转换服务处理敏感或受监管图片,请避免上传。
常见问题
PNG 转 WebP 转换器会把 .png 图片重新编码为 WebP 格式。通常目的是创建更适合网页交付的现代图片,同时保留原始 PNG 作为源文件或备用文件。
这个页面以免费的 PNG 转 WebP 在线转换器形式提供。当前的上传限制、使用限制或登录提示会显示在界面中。
如果想避免有损 WebP 压缩,请使用无损模式。无损模式会更谨慎地保留解码后的图片数据,但不保证文件一定最小。有损模式通常生成更小文件,但可见质量可能会随质量设置而变化。
WebP 支持透明通道,透明 PNG 图片通常可以在 WebP 输出中保留透明区域。对于重要的标志、图标、阴影或半透明边缘,请使用更高质量或无损模式,并在目标背景上预览结果。
可以。选择有损模式时可使用质量 60、70、80、90 或 100;如果质量保留比最大压缩更重要,可以选择无损模式。质量 80 是许多 PNG 转 WebP 场景的平衡默认值。
建议从质量 80 开始。网站预览图可用 60-70,平衡输出可用 80;细节图形、截图、渐变或透明素材容易出现压缩痕迹时,可用 90-100。
可以。将宽度和高度留空会保留原尺寸,也可以在转换前输入目标尺寸。当前宽度和高度字段支持 1 到 16383 像素。
有。当前上传校验限制文件大小为 20MB。如果 PNG 更大,请先降低源图尺寸或准备较小文件后再上传。
此页面专注于一次转换一个 PNG 文件。除非界面增加专门的批量上传功能,否则不要把这个页面作为批量转换流程来规划。