logoImgConvert

免费 PNG 转 WebP 转换器

将一个 PNG 图片转换为 WebP,可选调整尺寸、有损、无损和质量设置。

拖拽 PNG 到这里,或选择文件上传。

输出尺寸(可选)

留空保持原始尺寸。最大:16383px。

有损模式生成更小文件;无损模式避免有损 WebP 压缩。

质量越高,文件越大。建议使用 80 满足大多数需求。

这个 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

1

上传 PNG 文件

从设备中选择 .png 文件,或将它拖到上传区域。上传区域只面向 PNG 输入,因此这个页面用于直接进行 PNG 转 WebP,而不是通用的图片转 WebP 流程。

2

选择尺寸和压缩设置

如果 WebP 输出应使用原 PNG 尺寸,请将宽度和高度留空。当转换后的文件需要匹配页面布局、上传要求或最终显示尺寸时,可以输入目标宽度、高度或两者。

  • 如果更重视较小的 WebP 文件,请选择有损模式。如果图片包含文字、清晰边缘、透明图形或界面细节,并且想避免有损压缩,请选择无损模式。
3

为有损 WebP 选择质量

在有损模式下,建议先使用质量 80 作为平衡结果。需要更轻的输出时降低质量;如果 PNG 包含渐变、细线、人像、产品细节或其他容易看出压缩痕迹的元素,则提高质量。

4

转换并下载 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 图片重新编码为 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 文件。除非界面增加专门的批量上传功能,否则不要把这个页面作为批量转换流程来规划。

在线将 PNG 转 WebP

上传一个 PNG 图片,选择合适的 WebP 设置,然后下载适合网站或项目使用的 .webp 文件。