UltKit

如何按比例裁剪图片:1:1、4:5、9:16、16:9等

按比例裁剪图片时,先把裁剪框锁定为该比例,再把它移到要保留的部分上。比例决定形状(1:1、4:5、16:9),像素尺寸决定细节;裁剪只改变形状,除非你同时输入精确的像素值。

Elena VásquezElena Vásquez图片格式编辑
更新于 11 分钟阅读
散落在白纸上的冲印照片:一只巴哥犬、一对站在木制公园入口指示牌下的情侣、一片海滩和长满苔藓的森林地面

宽高比与像素尺寸的区别

宽高比只描述图片的形状:宽度除以高度,写成两个较小的整数。1920 × 1080 px 和 1280 × 720 px 都是 16:9,因为各边除以两者的最大公约数(分别是 120 和 80)后,都得到 16 和 9。而像素尺寸描述的是画面包含多少细节。两张图片可以比例相同,像素数却相差四倍;两张像素总数几乎相同的图片,比如 1080 × 1350 和 1200 × 1200,形状也可能不同。

这很重要,因为平台会分别检查这两项。Instagram、冲印店或幻灯片模板会先看形状,对不匹配的图片进行裁剪、加黑边或直接拒绝,然后才把像素缩放到显示尺寸。如果你自己把形状调对,平台就没有什么可决定的,你选定的构图就是别人看到的构图。如果只保证了像素数,平台仍会按它的形状裁剪你发送的图片。

拍摄所用的传感器决定了初始比例。大多数手机相机拍摄 4:3(iPhone 1200 万像素照片为 4032 × 3024 px),而大多数可换镜头相机拍摄 3:2,也就是 35 mm 胶片的形状。每次裁剪成不同比例,都会丢掉画面的一部分,目标形状与原图差得越远,丢得越多。

宽高比画面形状 · 宽:高 · AR
宽度与高度的比值,化简为最小整数:4032 × 3024 px 为 4:3,1080 × 1920 px 为 9:16。第一个数字始终是宽度,所以 4:5 是竖版,5:4 是横版。它与分辨率、文件大小和打印尺寸无关。

各平台要求的图片比例

大多数要求只集中在几种形状上。正方形 1:1 是头像、商品页面和个人资料图的默认选择,因为网站可以直接显示为方形,或从中截取圆形而不出意外。Instagram 信息流接受从 1.91:1 横版到 4:5 竖版的任意比例,其中 1080 × 1350 px 的 4:5 占用的屏幕高度最大。Stories、Reels、TikTok 和 YouTube Shorts 是全屏 9:16。YouTube 建议自定义缩略图为 1280 × 720 px,小于 2 MB;PowerPoint 自 2013 版起默认幻灯片尺寸为 16:9。各平台的像素尺寸请参阅 Instagram 帖子和 Stories 尺寸指南。

打印和文档有自己的一套规格。4 × 6 in 的照片是 2:3(横过来是 3:2),8 × 10 in 是 4:5,5 × 7 in 是 5:7,所以同一张照片对不同尺寸的相框需要不同的裁剪。护照照片以毫米为单位:英国、欧盟、印度等许多国家为 35 × 45 mm,即 7:9,而美国护照照片是 2 × 2 in 的正方形。证件照制作可按这些尺寸裁剪,还会检查头部高度,这是单纯按比例裁剪做不到的。

1:1

1080 × 1080 px

头像

常显示为圆形

4:5

1080 × 1350 px

Instagram 竖版帖子

信息流中最高的形状

9:16

1080 × 1920 px

Story、Reel、TikTok

手机全屏

16:9

1280 × 720 px

YouTube 缩略图、幻灯片

缩略图小于 2 MB

3:2

6000 × 4000 px

单反照片、6 × 4 in 照片

35 mm 原生形状

4:3

4032 × 3024 px

手机照片

大多数手机传感器

2:3

4 × 6 in

4 × 6 in 照片,竖版

标准照片尺寸

7:9

35 × 45 mm

护照照片(英国、欧盟、印度)

同时有头部大小要求

裁剪、调整尺寸和补边是三回事

有三种操作会改变图片适配画框的方式,很容易混淆。裁剪是切掉边缘的像素,其余部分保持不变,因此会改变形状并减少像素数。调整大小是整体放大或缩小所有像素,保留完整画面,因此改变像素数但保持形状。填充,也叫加黑边(上下加边称 letterboxing,左右加边称 pillarboxing),是添加纯色边框,让图片适配新形状而不丢失任何内容。

常见的做法是连续使用其中两种。要把 4032 × 3024 px 的手机照片变成 1080 × 1350 px 的 Instagram 帖子,先裁剪成 4:5(约 2419 × 3024 px),再缩小。要把一张宽幅合影放进正方形又不切掉任何人,就改用填充到 1:1。调整图片大小可一步完成:设置宽高两边,然后在适配方式下选择裁剪填满或用颜色填充。

去掉边缘

裁剪

以原始比例保留图片的一部分。

  • 改变形状
  • 减少像素数
  • 由你决定舍弃什么
Best for: 匹配平台比例并收紧构图。
缩放像素

调整大小

保留完整画面,改变像素数量。

  • 保持形状
  • 达到精确的像素尺寸
  • 通常是裁剪之后的一步
Best for: 满足宽度、高度或文件大小限制。
添加边框

填充(加黑边)

把图片放在目标形状的纯色背景上。

  • 不会切掉任何内容
  • 白色、黑色或任意颜色的边
  • 会浪费一部分画面
Best for: 必须保持完整的合影、截图和作品图。
相机背面的屏幕举在钢结构铁塔前,从下方取景拍摄这座结构,黑白画面
照片:Unsplash

决定画面里保留哪些内容

比例锁定只固定裁剪框的形状,不决定它放在哪里,而位置才让裁剪显得有意为之。三分法是常用的起点:把画面想象成被两条横线和两条竖线分割,把主体(人像则是眼睛)放在其中一条线上,而不是正中央。大多数裁剪界面在拖动时会显示这个网格。正方形头像则居中更合适,因为网站可能会从中截取圆形,靠近角落的内容会消失。

头顶空间是头部上方的留白。太多会让人显得渺小、沉在画面里;完全没有,头顶贴着边缘,又显得局促。从横版照片裁成 9:16 时,在人物朝向或移动的方向留一点空间,称为视线空间,画面就不会显得憋闷。

平台还会用自己的界面遮住画面的一部分。Stories 和 Reels 在顶部显示账号名,在底部显示回复栏和字幕,所以在 1080 × 1920 的画面里,文字要避开大约顶部和底部各 250 px。YouTube 会在每个缩略图的右下角显示视频时长。标题和人脸要放在不会被遮挡的位置。

DoDon't
从原始照片裁剪,而不是从截图或上一次裁剪的结果裁剪在关节处(手腕、膝盖、脚踝)切断人物,看起来像失误
人像中让眼睛靠近上三分线把文字放在 9:16 Story 的顶部或底部 250 px 内
用于圆形或圆角画框时,在头部和商品周围留出边距明明填充可以保留所有人,却把宽幅合影裁成 9:16
按实际显示的大小检查裁剪效果,比如 110 px 的头像把很小的裁剪结果放大填满大画框,还指望保持清晰

用现有应用按固定比例裁剪

所有主流照片应用都可以把裁剪框锁定到某个比例,但都不能输入精确的像素尺寸。在 iPhone 上,照片应用会保留原图,之后可以用还原恢复。Android 上的 Google 相册在保存旁提供另存为副本,方便保留两个版本。以下步骤针对各应用的当前版本;不同版本的菜单名称有所变动,但比例按钮一直在裁剪界面中。

在 Windows 11 上,用照片应用打开图片,点击编辑图像(Ctrl + E),选择裁剪选项卡。宽高比菜单提供自由、原始、正方形以及 16:9、4:3、3:2 等固定形状;拖动裁剪框后,选择另存为副本,原图就不会被改动。

在 Mac 上,预览的情况正好相反:它没有比例菜单,但拖动时会显示选区的像素尺寸。按住 Shift 可把框锁定为正方形,满足 1:1。其他比例则要边拖边看数字,直到吻合,或者先算好:3024 px 高的照片要裁成 4:5,宽度为 3024 × 4 ÷ 5 = 2419 px。

iPhone(照片)

  1. 01打开照片,点按编辑,再点裁剪图标。
  2. 02点按顶部的宽高比按钮,选择正方形、16:9、4:3、3:2 或其他预设。
  3. 03用预设下方的竖向/横向切换来翻转形状,16:9 就变成 9:16。
  4. 04在框内拖动照片,然后点按完成。

Android(Google 相册)

  1. 01打开照片,点按编辑,选择裁剪。
  2. 02点按宽高比图标,选择正方形、4:3、16:9 或其他形状。
  3. 03在框内双指缩放并拖动图片。
  4. 04点按另存为副本,把原图和裁剪结果都保留下来。

Mac(预览)

  1. 01选择矩形选框工具,在图片上拖动;指针旁会显示像素尺寸。
  2. 02拖动时按住 Shift,可得到精确的正方形。
  3. 03选择工具 → 裁剪(Command + K)。
  4. 04想保留原图,请先用文件 → 复制。

在浏览器中精确裁剪像素并批量处理

当表单要求精确尺寸时,比如链接预览的 1200 × 628 px 或签证照片的 600 × 600 px,比例锁定只能得到形状,之后还要调整大小。以像素设定的裁剪框可以一步完成。图片裁剪工具在宽高比下提供九种固定比例,另有自由裁剪,以及可设置精确宽度和高度的自定义尺寸(px)。它在任何浏览器(包括手机)中运行,无需安装,无需注册。

同一个裁剪框可一次应用到最多 20 张图片,每张最大 95 MB。这适合在同一张桌子上拍的商品照、同一窗口的截图,或团队页面的一组头像。起始位置决定裁剪框落在每个文件的哪里:居中、某条边、某个角,或智能(主体),后者会在每张照片中分别寻找主要的人脸或物体。文件在处理后 30 分钟从服务器删除。

  1. 1

    添加照片

    把最多 20 张 JPG、PNG、WebP、HEIC 等格式的图片拖到上传框。

  2. 2

    锁定形状

    在宽高比下选择 4:5 竖版 等比例,或选择自定义尺寸(px)并输入宽度和高度。

  3. 3

    摆放裁剪框

    为整批图片设置起始位置,再在需要不同构图的图片上拖动裁剪框。

  4. 4

    裁剪并保存

    点击裁剪,逐个下载文件,或打包为一个 ZIP 下载。

Tip如果照片比自定义像素框还小,请先按比例裁剪,再放大结果,而不是裁出一小条再拉伸。

圆形裁剪与透明边角

圆形裁剪就是去掉四角的正方形裁剪,所以总是从 1:1 开始。四角如何处理取决于文件格式。PNG、WebP 和 AVIF 支持透明,四角会变透明,圆形可以干净地放在任何背景上。JPG 完全不支持透明,四角必须用颜色填充,通常是白色。如果把 JPG 圆形图上传到深色主题的网站,白色四角会在圆形图片外显示出一个方框。

在裁剪工具中,把形状设为圆形,并选择 PNG 或 WebP 作为输出格式;圆形以外区域会保持为透明。如果用 JPG,请选择白色、黑色,或与图片将出现的页面相匹配的背景颜色。大多数聊天应用和社交网络本来就会从上传的正方形图中截取圆形,所以对它们而言,把人脸居中的普通 1:1 裁剪就够了。预先裁好的圆形适合用于邮件签名、幻灯片和文档。

裁剪对画质和文件大小的影响

裁剪不会让保留下来的像素变模糊或变柔和,只是去掉其余部分。画质的问题出在保存结果时。PNG 是无损格式,裁剪后的 PNG 与原图对应区域逐像素完全一致。JPG 则需要重新解码、再编码,多经历一轮压缩。在默认 音质 85 下,这一次重新保存肉眼看不出来,但如果对同一张 JPG 连续裁剪五次、每次都保存,就会叠加五轮损失。请保留原图,每次都从原图开始裁剪。

裁剪后的像素也会变少,实际观感的差别主要来自这里。从 4032 × 3024 px 的横向照片中裁出 9:16,只剩约 1701 × 3024 px,大约是画面的 42%,用来做 1080 × 1920 的快拍(Story)仍然绰绰有余。但从合影里紧凑地裁出一张人脸,可能只剩 400 px 甚至更少,在任何现代屏幕上都会显得发虚。文件大小通常会随像素数一起下降,所以当照片需要压缩到 KB 限制以内时,裁剪也是第一步。

要点总结

  • 宽高比是画面的形状,像素尺寸是画面包含的细节量。先把形状定对。
  • 头像用 1:1,Instagram 竖版帖子用 4:5,快拍(Story)用 9:16,缩略图和幻灯片用 16:9,相机照片常见 3:2 和 4:3。
  • 改变形状用裁剪,改变像素数用调整大小,不能裁掉任何内容时用补边。
  • 手机和电脑上的照片应用只能锁定比例,无法指定精确像素;自定义像素裁剪框可以一步同时搞定。
  • 圆形裁剪请保存为 PNG 或 WebP,以保留透明的边角;JPG 则始终从原图开始裁剪。
分享XFacebookWhatsAppTelegram

常见问题

1920 × 1080是什么比例?

是 16:9。两边同时除以 120,得到 16 和 9,与 1280 × 720、2560 × 1440、3840 × 2160 形状相同。

护照照片是什么比例?

英国、欧盟和印度常用的 35 × 45 mm 护照照片是 7:9。美国护照照片是 2 × 2 英寸,即 1:1 的正方形。

如何手动计算某个比例的裁剪尺寸?

保留限制你的那一边,再算出另一边。例如照片高 3024 px 要裁成 4:5,宽度为 3024 × 4 ÷ 5 = 2419 px;照片宽 4032 px 要裁成 16:9,高度为 4032 × 9 ÷ 16 = 2268 px。

为什么设为头像时图片会被裁掉一部分?

头像会以正方形或圆形显示,所以上传长方形图片时,网站会自动按中心裁剪。你可以自己先裁成 1:1,把人脸放在中间,这样网站就没有多余部分可裁了。

4:5和8 × 10英寸照片是同一个比例吗?

可以。8 × 10 英寸约分后是 4:5,所以 1080 × 1350 px 的 Instagram 竖版裁剪图可以直接印在 8 × 10 相纸上,无需再裁,不过打印需要多得多的像素才够清晰。

iPhone上保存后还能撤销裁剪吗?

可以。“照片”应用会保留原图,打开照片,点“编辑”再点“还原”即可恢复完整画面,即使过了几周也可以。

继续阅读