跳到正文
营生个人工作台

搜索工具与职业

输入关键词,回车打开

全部经验

新业态 · 创作者

平台为什么把你的图裁了:一张图看懂的裁切算术

平台给你的不是「尺寸」,是一个画框的比例。比例是除法,所以一张图放进另一个比例的画框, 丢掉的像素是可以提前算出来的 —— 不需要猜,也不需要发出去再删。

先看清两个动作

把一个比例的画框填满,只有两种做法:

  • cover(铺满并裁) —— 放大到能盖住整个画框,多出来的部分切掉。信息流里的图基本都是这样, 它看起来最「满」,代价是丢像素。
  • contain(留边不裁) —— 缩小到整张图都在画框里,四周用背景色填。像素一个不丢, 代价是画面在信息流里显得小。

cover 需要放大的倍数,就是 max(画框宽 ÷ 图宽, 画框高 ÷ 图高)。 裁掉的比例,是放大后的面积里落在画框外的那部分。两个式子,没有别的玄机。

一张表:常见比例之间会丢多少

下面是 cover 模式下,原图铺进目标画框时被裁掉的面积占比(独家用 Python 复算, 并和本站 各平台图片尺寸 的实测输出对照过):

原图目标画框裁掉典型场景
1:14:520.0%方图发 Instagram 帖子
1:19:1643.8%方图当竖屏封面
4:59:1629.7%帖子主图改成竖屏 / Shorts 封面
3:49:1625.0%小红书比例转竖屏视频
16:91:143.8%横版截图发方形商品位
16:94:555.0%横版视频帧做竖版封面
16:99:1668.4%横版素材转竖屏

最后一行值得盯两秒:把横版素材当竖屏封面,一半以上的像素不会出现在观众眼前。 字幕在两侧的横版视频尤其惨 —— 裁完只剩中间一条。

裁切只发生在一个方向

cover 是沿「多出来的那一条边」裁,所以它永远只砍一个方向。实测一个 1080×1350(4:5)的图 放进 9:16 的画框:保留 759×1350,宽度少 321 px,高度一点都不动 —— 一共丢掉 29.7%。

这就是「把主体放中间」这句话为什么是真的:裁剪从两端等量地吃, 中间三分之二的区域在任何常见比例里都活着。人像的眼睛、商品的正面、要读的字,都不该靠边站。

留边的代价也要算

contain 不丢像素,但白边是真的占地方:一张 1:1 的图放进 9:16 的画框, 上下加起来有 43.8% 是背景色。在信息流里,这直接决定你的缩略图比旁边那条小多少。 选 cover 还是 contain,本质是在「丢内容」和「丢气场」之间做选择 —— 没有免费的那个。

动手时的顺序

  1. 先定画框,再动图。先决定首发在哪个平台、哪个位置,再按那个位置的比例去取景或出图。 反过来做,你会一直在补救。
  2. 用一张母版,但别指望它同时完美。如果一张母版要服务 4:5、1:1、9:16 三个位置, 现实的做法是:用 4:5 当母版(它离 1:1 只差 20%),需要竖屏时改成 contain 留边 —— 强行 cover 会砍掉三成宽度,比白边贵得多。
  3. 先看,再发。把图拖进 尺寸预览器, 每个平台都会告诉你「保留其中多少 × 多少像素、裁掉百分之几」,以及是否需要放大。 发之前看三秒,好过发完再删。

视频是同一件事,多一个注意点

视频封面和视频本身往往不是同一个比例:一条 9:16 的竖屏视频,封面常常按 16:9 或 1:1 展示。 所以从视频里抽帧的时候,要按封面位的大小去构图,而不是按视频画面。 抽帧工具 能按原生尺寸导出画面,也能一次抽出 12 帧缩略图网格, 先用网格选好要哪一帧,再回时间轴微调。

本站不标没有依据的框

尺寸和比例是平台公开的,所以上面这些数字可以算、可以验。但「App 界面会盖住哪一块」 大多数平台并不公开 —— 那种框只有拿到真实截图才能标。本站的做法是: 能证明的才画,画不出的就明说,而不是给你一个看起来很专业、其实没有依据的红框。

相关工具:各平台图片尺寸与裁切预览 · 视频抽帧 / 选封面帧 · 商品图批量处理