2026-09-12
调整尺寸和压缩图片，通常被当成两件分开的杂活。其实这是一件事，而且有顺序：先定像素尺寸，再选适合用途的压缩程度。顺序对了，一张 4MB 的照片可以变成 200KB 却依然清晰；顺序错了，你会得到一张又大又糊、谁都不想发的图。这篇讲清在浏览器里 resize and compress 的完整流程，以及「不损画质」到底能到什么程度。
如果先把整张原图压一遍、再缩小，压缩算法等于把预算花在了你马上要丢掉的像素上。结果就是文件既偏大又偏软。先调尺寸会直接删掉那些不会被看到的像素，压缩要处理的内容更少，体积更小、观感也更干净。这也是「先 resize 再 compress」这个顺序的全部理由。
目标尺寸先定下来，质量设置就变成了一道简单的取舍题：看着够不够清楚，直到体积达标为止。
有损压缩一定会丢掉部分数据，真正的目标是把眼睛看不出来的那部分丢掉。两件事决定成败。先别放大：把小图拉大会凭空增噪，也让压缩痕迹更明显。再别重复压缩同一个文件：每压一遍都会叠加伪影，需要改参数时应该从原图重新导出。起点干净、先缩后压，损失就能压在多数人察觉不到的范围内。
如果目标平台支持 WebP，换格式通常比继续压低 JPG 质量更划算：同样观感下体积普遍更小。但换格式不能救一张本来就不够清晰的图。先确认尺寸正确，再考虑格式，最后才动质量滑块。顺序反了，你会发现自己在给一张尺寸就不对的图反复调参数。
缩小尺寸通常看不出损失，因为被删掉的像素本来就不会被显示。放大才会真正伤画质，它不会凭空补出细节。
先调整尺寸。压缩前把多余的像素去掉，文件更小、观感更好，速度也更快。
可以。需要保留透明背景就继续用 PNG，只是它通常比同尺寸的 JPG 和 WebP 更大。