先缩放还是先压缩?缩小图片的正确顺序

"把图片变小"可以指两件完全不同的事:缩小图片的尺寸(缩放),或在尺寸不变的情况下让文件更轻(压缩)。很多人把两者混为一谈,但顺序搞错就会体积减不够、画质白白受损。理解差异和正确顺序,是做出既好看又小巧文件的关键。

缩放做什么

缩放改变像素尺寸,比如从 4000×3000 降到 1200×900。文件大小随像素数量增长,所以减小尺寸效果巨大:宽高各减半就去掉了约 75% 的像素——通常大部分体积也随之消失。

压缩做什么

压缩减少存储同样像素所需的字节:要么丢弃肉眼难察觉的细节(有损),要么更高效地打包数据(无损)。它在不改尺寸的情况下降低体积,有损格式则以少量画质为代价。

应该先做哪个?

先缩放,再压缩。精心压缩几百万个马上要扔掉的像素毫无意义。先把图片缩到实际显示的最大尺寸,再对缩小后的图片做压缩。反过来的话,辛苦压缩的信息又会被缩放丢掉,等于做了两遍工。

简单法则

• 确定最大显示尺寸(为 Retina 屏加约 2 倍)
• 把图片缩放到该尺寸
• 转成 WebP 或 AVIF,质量设 75 左右
• 前后对比,必要时微调

组合两者,效果最佳

两者都做才有最大收益。显示在窄博客栏里的 5MB 照片,缩放到合适宽度再压成 WebP,可以毫无可见差别地降到远低于 100KB。Scrunch 专注转换与压缩环节,配合合理的显示尺寸,就能把图片轻到极致。

常见问题

缩放会损害画质吗?

只要是缩放到显示尺寸而不是更小,在屏幕上反而显得更清晰。缩得比显示区域还小才会模糊,所以以显示尺寸(Retina 约 2 倍)为准。

只压缩不行吗?

如果原始尺寸远大于显示尺寸,仅靠压缩有极限——等于在压缩根本用不到的像素。先用缩放减少像素数量,收益大得多。

能一次完成缩放和压缩吗?

能。按顺序做两步:缩放到显示尺寸,再压缩成 WebP 或 AVIF。只要顺序对,同等质量下文件最小。

该缩放到多大?

以图片实际显示的最大宽度为准。比如正文栏宽 800 像素,考虑 Retina 屏约 1600 像素就够了。更大只是浪费带宽,更小则在屏幕上发虚。