webp图片压缩在线,前提是选对通道。WebP同时有两种编码方式:有损模式接近JPG的体积表现,还支持透明背景;无损模式比PNG更小。选错模式,体积和清晰度往往两头都不理想。

编码模式是第一项。有损模式按质量参数舍弃部分细节,无损模式逐像素保留,两者在同一画面上的体积差距可能达到数倍。
质量参数的取值范围通常在0到100。网页展示常用的区间是75到85,低于70时纹理和文字边缘容易看出损失。
透明通道单独占一部分体积。带alpha的图比不带的大一些,边缘半透明的素材尤其明显,这类图不建议为了省体积硬压。
尺寸仍是基础项。像素总量翻倍,体积大致翻一到两倍,与编码模式无关。动画WebP还要按帧数累积。
照片类素材适合有损。人像、风景的细节分布均匀,质量给到80左右,肉眼差异不容易察觉。
图标、界面截图、带文字的图更适合无损。这类画面边缘锐利,有损压缩在交界处产生的噪点很显眼。
需要透明背景时,两种模式都支持,但有损模式的半透明边缘可能出现白边或杂色,商品图和logo建议用无损先试一次。
还要考虑打开环境。较老的浏览器和部分应用内嵌页面不认WebP,需要保留JPG版本作为备选。
判断顺序可以先固定:这张图最终在哪里打开、要不要透明、能接受多少体积。三项都有答案之后,模式基本就定了,不必先压一版再回头试。
第一步,打开WebP图片压缩页。页面标注单张上限100M、单次最多60张,文件会在1小时内自动删除。

第二步,上传原图,webp图片压缩支持JPG、PNG、GIF、WEBP等多种格式,输出统一为WebP。
第三步,设定尺寸与压缩等级。尺寸默认保持原尺寸,需要减像素时改成自定义并只填宽度;压缩等级从70起试,逐次按10调整。
第四步,对比预览再保存。把原图与结果并排看,重点看文字边缘和渐变区域。
需要发给不特定对象时,JPG兼容性更好。邮件附件、部分办公系统对WebP的支持仍不完整。
对体积极限敏感又要兼容时,可以用双份方案:WebP用于网页,JPG作为备用,两者都从同一张原图生成,而不是互相转换。若原图是PNG且需要保留透明,也可以先用PNG图片压缩处理一版再决定是否转格式。
WebP一定比JPG小吗?
不一定。有损WebP在多数照片上比同质量的JPG小,但对已经高度压缩过的JPG再转WebP,收益可能很有限,甚至因为重新编码而体积上升。
转成WebP后透明背景消失了,是什么原因?
多数是原图本身没有alpha通道,例如从JPG转来的图,透明区域在JPG阶段就已经被填成纯色。需要透明的素材建议从PNG原图开始处理。
发给别人后打不开,是格式问题吗?
部分场景对WebP支持不完整。可以先确认对方的使用环境,必要时保留一份JPG版本。
webp图片压缩的判断方式可以固定下来:先看画面属于照片还是图标,再看是否需要透明,最后确认打开环境是否支持。三项没确认就统一切WebP,压出来的图未必更小,兼容性反而多一层风险。