JPG 转 WebP

在看不出画质损失的前提下缩小网站图片。把 JPG 或 PNG 转换为 WebP,调整质量和尺寸,并清楚看到节省了多少空间。全部在浏览器中完成。

免费 · 无需注册

转换为

选择一张或多张图片,会立即在浏览器中完成转换。

    使用方法

    1. 选择 JPG 或 PNG 图片、拖放到框内,或用 Ctrl+V 粘贴。
    2. 已默认选择 WebP。每张图片会立即转换,并显示转换前后的文件大小。
    3. 调整质量(大多数照片用 80 到 85 即可);用于网站时,可输入最大宽度,例如 1600 像素。所有图片会自动更新。
    4. 逐个下载 WebP,或全部打包成 ZIP 下载,再上传到你的网站。

    为什么使用这个工具

    节省多少一目了然

    每个文件都显示转换前后的大小,汇总栏显示整批图片的总大小。

    质量滑块

    在文件大小和清晰度之间找到平衡。调整会应用到列表中的所有图片。

    为网页缩小尺寸

    相机照片宽度常常在 4000 像素以上。设置最大宽度可以让文件小很多。

    保留透明

    带透明背景的 PNG 图片转换为 WebP 后依然透明。

    批量与 ZIP

    一次最多转换 50 张图片,并打包成一个 ZIP 文件下载。

    保护隐私

    无需上传,无需账号。图片在你自己的设备上处理。

    为什么要把图片转换为 WebP?

    图片通常是网页中体积最大的部分。根据 Google 的数据,有损 WebP 图片比同等质量的 JPG 小 25% 到 34%,无损 WebP 图片比 PNG 小 26%。

    图片越小加载越快,在移动网络下尤其明显。大图片是 Largest Contentful Paint(最大内容绘制)变慢的常见原因,这是 Google 用来衡量页面体验的 Core Web Vitals 指标之一。

    推荐的初始设置

    以下只是起点,并非固定规则。请与原图对比后再调整。

    图片用途质量最大宽度
    通栏主图或横幅80–851920–2400 px
    文章内图片75–851200–1600 px
    商品照片85–901600–2000 px
    缩略图和卡片70–80400–800 px

    所有浏览器都支持 WebP 吗?

    Chrome、Edge、Firefox、Opera 和 Safari 的当前版本都能显示 WebP。Safari 从 14 版(macOS Big Sur 和 iOS 14)开始支持。只有非常旧的浏览器无法显示。

    生成 WebP 文件则是另一回事:部分浏览器(包括某些版本的 Safari)可以显示 WebP,却不能保存。遇到这种情况,本工具会给出提示,你可以改用 Chrome、Edge 或 Firefox。

    在网站上使用 WebP

    • WordPress 从 5.8 版开始支持上传 WebP。
    • 把原始 JPG 或 PNG 保存为母版,发布时使用 WebP 版本。
    • 为图片设置 width 和 height 属性,避免页面在加载时跳动。
    • 如果必须兼容非常旧的浏览器,可以使用 picture 元素并提供 JPG 作为备用。

    常见问题

    WebP 会降低图片质量吗?

    有损 WebP 和 JPG 一样会去掉部分细节。质量设为 80 到 85 时,通常很难看出差别,而文件明显更小。商品照片或含有细小文字的图片,请使用更高的质量。

    为什么有时 WebP 比 JPG 还大?

    如果原来的 JPG 已经被大幅压缩,用很高的质量转换反而可能得到更大的文件。适当降低质量或设置最大宽度,再比较列表中显示的大小。

    能把 PNG 转换为 WebP 吗?

    可以。同样选择或拖放 PNG 文件即可,透明区域在 WebP 中依然透明。

    WebP 和 AVIF 哪个更好?

    AVIF 有时可以更小,但生成速度更慢,而且还不是所有工具都支持。目前如果看重广泛兼容,WebP 是更稳妥的选择。

    我的图片会被上传吗?

    不会。转换在你的浏览器中进行,不会向服务器发送任何内容,也不需要账号。

    有文件数量限制吗?

    每批最多可转换 50 张图片。能处理的最大图片尺寸取决于设备内存。如果图片太大,输入最大宽度后会重新转换。

    相关工具

    想开发什么吗?

    告诉我们你想构建什么。

    告诉我们您需要构建什么:从简单的网站到完整应用、AI 解决方案、自动化或定制系统都可以。

    告诉我们您想构建什么。我们会查看每一份咨询并通过邮件回复。

    联系

    感谢您,咨询已发送。

    我们会查看详细信息并通过邮件回复。