JPG转WebP
把网站上的JPG照片转换为WebP,为图片减小体积。目前所有主流浏览器都能显示WebP。批量上传,质量保持80或自行调整,下载的文件通常比原图小四分之一到三分之一。
图片格式转换
或将JPG, JPEG, JPE … 文件拖放到此处 ·
单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除
文件在我们的服务器上处理,并在 30 分钟后删除。
85 可使照片在视觉上与原图无差别。只有在需要更小的文件时才调低。
JPG、BMP 和 EPS 不支持透明。透明像素会用此颜色填充。
用于透明像素底色的十六进制颜色,例如 #FFFFFF。
此格式只能保存单张图像。如需保留动画,请选择输出 GIF 或 WebP。
多尺寸图标在一个文件中包含多种分辨率,浏览器和操作系统会选用所需的尺寸。
保持原始尺寸,或输入一边的数值,自动保持宽高比。
上面所选边的像素值。
相对于原始尺寸的百分比。
屏幕和网页使用 sRGB 即可。印刷流程请保持原样;灰度会丢弃颜色。
仅写入元数据,0 表示保留原值。打印机和部分网站会读取此数值,它不会改变像素尺寸。
使用方法
- 1
上传网站上的JPG图片
把商品图、博客头图或相册照片拖到上传区域。每批最多 20 个文件,单个文件最大 95 MB。
- 2
设置WebP质量
音质默认从 80 开始,适合原本以 85–90 保存为 JPG 的照片。请保持无损关闭;开启后照片只会变大,画质并不会更好。
- 3
转换并替换原图
点击转换为 WebP,下载文件或 ZIP 压缩包,再把它们上传到现有 JPG 旁边,这样两种格式都可以提供。
JPG 转 WebP 值得吗?
值得,前提是这些图片放在你自己运营的网站上。在相同视觉质量下,WebP 通常能节省四分之一到三分之一的字节,而且 2020 年以来发布的所有浏览器都能显示。请保留原始 JPG 作为备用。
JPG转WebP,让网页加载更快
图片通常是网页中最重的部分,而其中大多数仍是 JPG,因为相机、手机和图库产出的就是这种格式。WebP 由谷歌于 2010 年发布,正是为了以更小的体积取代这类文件。它的有损模式基于 VP8 视频编码,会根据相邻块来预测每个块,而不是像 JPEG 那样把每个 8 × 8 块单独编码。
实际效果就是同样的画面占用更少的字节。在一个有十二张 150 KB 照片的商品页上,每张减少四分之一到三分之一,每次访问可节省几百 KB,这会直接体现在 Largest Contentful Paint 上,它是 Core Web Vitals 中统计屏幕上最大图片或文本块加载时间的指标。
对访问者来说,兼容性已不再是问题。Chrome 显示 WebP 已有十多年,Firefox 从 2019 年的 65 版开始支持,Safari 从 2020 年的 14 版开始支持。仍然不支持的主要在浏览器之外:邮件客户端、一些生成链接预览的社交平台,以及桌面软件。因此合理的做法是向浏览器提供 WebP,其余场景保留 JPG。
JPG照片转WebP该选多少质量
- 50
缩略图和小卡片;在大屏幕上会显得模糊
- 70
细节较少的背景图和通栏横幅
- 80
此处的默认值;商品图和博客照片看起来与 JPG 一致
- 90
含有细小文字、布料纹理或锐利边缘的照片
用picture元素提供WebP,并以JPG作为后备
<picture> <source srcset="/images/sofa.webp" type="image/webp"> <img src="/images/sofa.jpg" alt="灰色三人沙发" width="1200" height="800"> </picture>
JPG
JPEG 图像
JPEG(或 JPG)是使用最广泛的照片格式,由联合图像专家组于 1992 年标准化。它采用有损压缩,丢弃肉眼不易察觉的细节,使照片小到适合网页、邮件和手机存储。它能很好地处理平滑渐变和自然场景,但锐利的文字、线条图和纯色区域会出现明显的块状或模糊伪影。JPEG 不支持透明和动画,每次重新保存都会再损失一点画质。所有浏览器、手机、相机和图片编辑器都能打开。
- 压缩方式
- 有损
- 透明度
- 不支持
- 动画
- 不支持
- 发布年份
- 1992 · Joint Photographic Experts Group
WEBP
WebP 图片
WebP 是 Google 于 2010 年发布的图片格式,目的是让网页加载更快。它在同一种格式中同时支持有损和无损压缩、Alpha 透明和动画。在视觉质量相近的情况下,有损 WebP 文件通常比 JPEG 小 25–35%,无损 WebP 通常比 PNG 更小。目前所有主流浏览器都支持它,但一些较旧的桌面软件、打印服务和上传表单仍然不接受。Windows、macOS 和大多数现代图片编辑器都可以打开 WebP 文件。
- 压缩方式
- 有损或无损
- 透明度
- 支持
- 动画
- 支持
- 发布年份
- 2010 · Google
网站所有者把 JPG 转成 WebP,是为了减小自己发布的图片的页面体积;留在电脑里或用于打印的文件,没有人需要 WebP。
稳妥上线WebP,不影响现有页面
上面的 <picture> 代码会让每个浏览器选择它能识别的第一个源,因此使用旧版浏览器的访问者会自动得到 JPG。请在 <img> 上保留 width 和 height;它们会预留空间,避免图片加载时页面布局跳动。
如果你的网站使用 WordPress,5.8 及更高版本支持在媒体库上传 WebP,因此可以直接上传转换后的文件。许多 CDN 也可以实时转换;本页适合你想手动控制的图片,例如首屏横幅。
发布之前,先对比整个文件夹的总大小:如果 WebP 这一组没有明显更小,说明 JPG 本来就压缩得很狠,转换带来的收益不大。如果之后仍需控制文件大小,请使用压缩图片。
网站站长关于JPG转WebP的常见问题
同一张图片,WebP比JPG小多少?
谷歌公布的对比结果显示,在 SSIM(衡量视觉相似度的常用指标)相同的情况下,有损 WebP 文件比 JPEG 小 25–34%。实际节省多少取决于照片:平滑的天空和影棚背景压缩得最多,噪点多的弱光照片压缩得最少。已经被重度压缩过的 JPG 可能几乎没有变化。
WebP质量设多少才相当于JPG质量85?
两者的质量刻度不同,数值不能一一对应。对大多数照片来说,在正常观看尺寸下,WebP 75–80 看起来相当于 JPG 85–90。处理整个文件夹之前,先用 100% 缩放检查一个文件。
JPG转WebP之后,还需要保留JPG吗?
请保留。邮件客户端、部分平台的社交分享预览以及较旧的桌面软件仍然需要 JPG,而且 <picture> 元素也需要 JPG 作为备用。请把 WebP 和 JPG 放在一起,而不是替换掉 JPG。
JPG转WebP会让照片看起来更清晰吗?
不能。WebP 是由解码后的 JPG 重新编码得到的,因此 JPG 中已有的块状痕迹或色带都会保留下来。转换只改变这些像素的存储效率,不会增加它们包含的细节。
WebP会保留相机JPG里的EXIF信息吗?
WebP 可以携带 EXIF,但删除元数据默认开启,会移除 GPS 位置和相机信息。对于发布在公开网站上的图片,这通常正是你想要的。如果需要保留这些数据,请在高级设置中关闭。
网站图片应该选AVIF而不是WebP吗?
AVIF 对照片的压缩率更高,但编码速度慢得多,一些图片插件和 CDN 对它的支持也还不够稳定。WebP 是更稳妥的第一步;WebP 部署好后,可以拿几张首屏大图试试 JPG 转 AVIF。
更多WebP工具
- JPEG转WebP在线转换将JPEG照片以质量80转换为WebP,加快网页加载。每批20张,默认清除元数据,上传文件30分钟后删除,无需注册。
- PNG转WebP在线转换免费将PNG转换为WebP并保留透明通道。可选质量80有损或无损压缩,每批20个文件,30分钟后从服务器删除。
- 图片转WebP在线转换将JPG、PNG、GIF、HEIC、TIFF、SVG及相机RAW照片批量转换为WebP。默认质量80,保留透明背景和动画,无需注册账号。
- WebP转JPG在线转换在线将WebP转换为JPG,几秒完成。保留原有色彩,透明区域按您选的颜色填充,一次可批量处理20个文件。文件30分钟后自动删除。
- JPG转AVIF转换器将JPG照片转换为AVIF,让网页加载更快。质量默认从60起,保留色彩配置文件,每批20个文件,无需注册。文件30分钟后删除。
- AVIF转WebP在线转换浏览器、插件或主机还不支持AVIF时,把AVIF转换为WebP。保留透明背景,可选有损或无损输出,每批最多20张图片。