两个杠杆,只有两个
大小恰好通过两种方式下降。第一种是像素:一张 4000 像素宽的照片,在网站上只显示 1600 像素,携带的是没人会看到的细节,缩小它去掉了约 84% 的像素,却看不出变化。第二种是质量:JPEG 和 WebP 把位花在眼睛最不敏感的细节上,所以按 75% 而不是 95% 重新编码,通常能把文件减半,而在屏幕上看起来一样。
两个杠杆都在上面的表单里,页面会报告它们做了什么:面板显示每张图片压缩前后的大小,以及写出的像素尺寸。没有任何东西藏在你无法核对的滑块后面。
缩放使用面积平均,而不是每隔 N 个像素取一个:每个新像素是它覆盖区块的平均值,这正是让缩小后的照片和文字不出现锯齿的原因。从不放大,因为插值无法增加从未被拍到的细节。