批量改图片尺寸

把尺寸这件事做对

改尺寸是你能对一张图片做的性价比最高的一件事。其他的——选格式、调画质——相比之下都只是微调。

为什么像素比画质更重要

图片的像素数随边长呈平方增长。宽和高各减一半，像素就少了四分之三。这就是为什么把一张 4000×3000 的照片缩到 1200×900，体积的下降幅度往往远超「保持原尺寸重新压缩」——而且在屏幕上看起来还更好，因为浏览器不用再为塞进那个框而丢弃细节了。

从显示尺寸倒推目标值

从图片实际出现的地方往回算。一个显示为 1600 像素宽的首页横幅，不需要做成 5000 像素宽。显示成 300 像素的缩略图，也没必要存 1200。

有个细节要注意：高密度屏。2 倍屏需要两倍像素才够锐利。用你的 CSS 布局宽度乘以想支持的设备像素比——2 倍是合理目标，3 倍通常是浪费，字节代价太大。

精确尺寸与百分比

精确尺寸适合所有图必须对齐同一套网格的场合——商品列表、图库、头像。百分比适合图片本身大小不一、但你想让它们按同一比例缩放、彼此相对关系保持不变的场合。

关于「最大宽度」

本工具把填的数值当作上限而不是目标。比上限小的图片会原样放过，不会被放大——放大并不产生新细节，只是凭空造像素，反而让图变虚。如果你确实需要放大，请有意识地去做，并接受一定程度的模糊。

宽高比

宽高比始终保持不变。只填一个维度，另一个按原始比例算出来。两个都填，则图片会被「装进」这个框里，不裁剪也不变形——所以如果高度才是限制条件，结果的宽度可能比你填的值窄一些。