新业态 · 创作者
平台为什么把你的图裁了:一张图看懂的裁切算术
平台给你的不是「尺寸」,是一个画框的比例。比例是除法,所以一张图放进另一个比例的画框, 丢掉的像素是可以提前算出来的 —— 不需要猜,也不需要发出去再删。
先看清两个动作
把一个比例的画框填满,只有两种做法:
- cover(铺满并裁) —— 放大到能盖住整个画框,多出来的部分切掉。信息流里的图基本都是这样, 它看起来最「满」,代价是丢像素。
- contain(留边不裁) —— 缩小到整张图都在画框里,四周用背景色填。像素一个不丢, 代价是画面在信息流里显得小。
cover 需要放大的倍数,就是 max(画框宽 ÷ 图宽, 画框高 ÷ 图高)。
裁掉的比例,是放大后的面积里落在画框外的那部分。两个式子,没有别的玄机。
一张表:常见比例之间会丢多少
下面是 cover 模式下,原图铺进目标画框时被裁掉的面积占比(独家用 Python 复算, 并和本站 各平台图片尺寸 的实测输出对照过):
| 原图 | 目标画框 | 裁掉 | 典型场景 |
|---|---|---|---|
| 1:1 | 4:5 | 20.0% | 方图发 Instagram 帖子 |
| 1:1 | 9:16 | 43.8% | 方图当竖屏封面 |
| 4:5 | 9:16 | 29.7% | 帖子主图改成竖屏 / Shorts 封面 |
| 3:4 | 9:16 | 25.0% | 小红书比例转竖屏视频 |
| 16:9 | 1:1 | 43.8% | 横版截图发方形商品位 |
| 16:9 | 4:5 | 55.0% | 横版视频帧做竖版封面 |
| 16:9 | 9:16 | 68.4% | 横版素材转竖屏 |
最后一行值得盯两秒:把横版素材当竖屏封面,一半以上的像素不会出现在观众眼前。 字幕在两侧的横版视频尤其惨 —— 裁完只剩中间一条。
裁切只发生在一个方向
cover 是沿「多出来的那一条边」裁,所以它永远只砍一个方向。实测一个 1080×1350(4:5)的图
放进 9:16 的画框:保留 759×1350,宽度少 321 px,高度一点都不动 ——
一共丢掉 29.7%。
这就是「把主体放中间」这句话为什么是真的:裁剪从两端等量地吃, 中间三分之二的区域在任何常见比例里都活着。人像的眼睛、商品的正面、要读的字,都不该靠边站。
留边的代价也要算
contain 不丢像素,但白边是真的占地方:一张 1:1 的图放进 9:16 的画框, 上下加起来有 43.8% 是背景色。在信息流里,这直接决定你的缩略图比旁边那条小多少。 选 cover 还是 contain,本质是在「丢内容」和「丢气场」之间做选择 —— 没有免费的那个。
动手时的顺序
- 先定画框,再动图。先决定首发在哪个平台、哪个位置,再按那个位置的比例去取景或出图。 反过来做,你会一直在补救。
- 用一张母版,但别指望它同时完美。如果一张母版要服务 4:5、1:1、9:16 三个位置, 现实的做法是:用 4:5 当母版(它离 1:1 只差 20%),需要竖屏时改成 contain 留边 —— 强行 cover 会砍掉三成宽度,比白边贵得多。
- 先看,再发。把图拖进 尺寸预览器, 每个平台都会告诉你「保留其中多少 × 多少像素、裁掉百分之几」,以及是否需要放大。 发之前看三秒,好过发完再删。
视频是同一件事,多一个注意点
视频封面和视频本身往往不是同一个比例:一条 9:16 的竖屏视频,封面常常按 16:9 或 1:1 展示。 所以从视频里抽帧的时候,要按封面位的大小去构图,而不是按视频画面。 抽帧工具 能按原生尺寸导出画面,也能一次抽出 12 帧缩略图网格, 先用网格选好要哪一帧,再回时间轴微调。
本站不标没有依据的框
尺寸和比例是平台公开的,所以上面这些数字可以算、可以验。但「App 界面会盖住哪一块」 大多数平台并不公开 —— 那种框只有拿到真实截图才能标。本站的做法是: 能证明的才画,画不出的就明说,而不是给你一个看起来很专业、其实没有依据的红框。
相关工具:各平台图片尺寸与裁切预览 · 视频抽帧 / 选封面帧 · 商品图批量处理