裁剪和调整尺寸不是一回事
这两个经常被混为一谈。裁剪是把图片的一部分切掉:保留原始像素中的一个矩形,其余的丢弃。调整尺寸则保留整张图片,只改变像素数量。如果表单要求"1080 × 1080",通常两步都要做:先裁成正确的形状(1:1),再调整到准确的像素数。
这个工具负责第一步,而且不做重新采样:框内的像素一比一原样复制,所以裁出来的部分和原图一样清晰。
在这里怎么裁剪
- 拖入 JPG、PNG、WebP 或 iPhone 的 HEIC 照片。
- 选择比例:自由、1:1、4:3、3:2 或 16:9。
- 在框内拖动可以移动它;拖动右下角的圆形手柄可以放大或缩小。选定比例后,框会保持形状不变。
- 留意图片下方的数值:它用原图的实际像素显示选区大小,例如
2400×1800 px。 - 点击 裁剪,检查预览后下载。文件名会加上
-cropped后缀。
选框不能小于图片宽度的 5%——从一张超大照片里裁出极小的一块,按正常大小看反正也会模糊。
什么比例用在哪里
| 比例 | 常见用途 |
|---|---|
| 1:1 | 头像、个人资料照片、方形帖子、商品缩略图 |
| 4:3 | 大多数手机照片本来就是 4:3;老式投影仪 |
| 3:2 | 6 寸(10×15 cm)冲印、单反相机照片 |
| 16:9 | 视频封面、宽屏幻灯片、壁纸、网站横幅 |
| 自由 | 去掉边框、截图只保留一个窗口、文档 |
预设比例都是横向的(宽大于高)。需要 4:5 或 9:16 这样的竖版时,选 自由,再对照像素数调整选框——4:5 的话,高度应为宽度的 1.25 倍。如果需要精确的像素尺寸,尺寸预设会替你完成裁剪:Instagram 竖版(1080 × 1350)和 Instagram 快拍(1080 × 1920)会以中心为基准填满画面。
格式和画质会怎样
- JPG 仍是 JPG,以 92% 质量重新保存。在这个质量下保存一次看不出区别,但别把同一个 JPG 连续裁十次。
- PNG 仍是 PNG,无损,透明区域保持透明。
- WebP 仍是 WebP(在能写入 WebP 的浏览器里);Safari 会保存为 PNG(有透明时)或 JPG。
- HEIC 在浏览器里解码后保存为 JPG。
因为图片是在画布上重新绘制的,裁剪后的文件不再带有 EXIF 信息和 GPS 位置。非常大的图片(超过约 1670 万像素)在打开时会先缩小,因为浏览器画不了更大的画布;这种情况下会出现提示。
裁得更好看的技巧
- 三分法。 把眼睛、地平线或主体放在离边缘约三分之一的位置,而不是正中间,通常看起来更自然。
- 头像要留余地。 很多网站把头像显示成圆形,四个角会被切掉。让脸在正中,周围留些空间。
- 先裁剪再压缩。 像素越少文件越小,先裁剪更容易压到 50 KB 这样的目标而不出现明显瑕疵。
- 先摆正。 如果照片是横着的,裁剪前先用 旋转图片 转正。
相关工具
- 调整图片尺寸:裁剪后设定精确的宽和高。
- 圆形裁剪:四角透明的圆形头像;先在这里裁成 1:1,就能决定圆里放什么。
- 去除背景:把主体抠出来,而不是围着它裁剪。
- 模糊与马赛克图片:遮住裁不掉的细节。
- Instagram 九宫格:把一张宽照片切成多块用于主页。