截图发到各个平台,该裁成什么比例
手机截图接近 9:19.5,裁成正方形要砍掉一半以上的高度。各平台真正要的形状、为什么多数时候该「垫」而不是「裁」,以及二次压缩会毁掉哪些东西。
你把一张手机截图发出去,结果在九宫格里只看得见中间一条;或者发进小红书,图上的字全糊了;或者为了凑成正方形硬裁了一刀,最关键的那一行正好在裁掉的那半边。这几件事有同一个原因:手机截图的形状和这些平台要的形状天生就是冲突的。
结论先说:多数情况下正确的动作不是裁,是垫——保持截图完整,把它放在一块符合目标比例的底色上。裁只在你确实只需要图上一小块的时候才对。
先看数字:手机截图有多长
现在的全面屏手机截图大约是 9:19.5,比如 1290 乘 2796。把它裁成 1:1,最多只能留下 1290 乘 1290——2796 的高度砍掉了一半以上。裁成 4:5 也要砍掉四成多。而截图的内容通常是从上到下铺满的,你砍掉的不是留白,是内容。
所以「发之前裁成正方形」这个默认动作,对照片是成立的(照片的主体多半就在中间),对截图基本不成立。这是一句很朴素的话,但几乎所有的截图排版问题都从忽略它开始。
各个平台实际要什么
下面写的是常见情形。平台会改版,任何写死的数字都会过期,所以真正可靠的判断方法不是记住这张表,而是发之前看一眼平台自己给你的那个裁切框——它就是这个平台此刻的答案。
- 朋友圈多图:九宫格缩略图按正方形从中间裁。一张竖长截图在这里只剩中间一条,点开才是全图,所以缩略图那一块里必须已经有信息。
- 朋友圈单图:按原比例显示,但过长的图会被截成上半截预览。关键内容放在上面三分之一。
- 小红书:竖图为主,3:4 最常见,1:1 也用得多。首图决定别人点不点开,所以首图应该是能独立看懂的一张,而不是流程的第一步。
- 微博时间线的多图:缩略图同样按正方形裁。
- 公众号正文:宽度自适应,长图没问题,但图上的字要按手机屏宽来估大小。封面另算,大图封面接近 2.35:1,小图接近 1:1,这两个数字改过,以后台的裁切框为准。
- 视频平台封面、B 站封面:16:9。
- 视频号、抖音、以及各家的竖屏内容:9:16。
- 飞书、钉钉、企业微信、邮件:不裁,但给一个最大显示宽度,所以一张很宽的桌面截图字会被缩得很小——这种情况该裁,把没用的窗口裁掉。
别裁,垫
一张 9:19.5 的截图要塞进一个 1:1 的位置,正确的动作是:保持截图完整,把它放在一块 1:1 的底色上,上下留白。你损失的是「截图占的面积变小了」,你保住的是全部内容。
而且它在缩略图上的表现常常反而更好。一张完整的界面图缩小之后仍然认得出是什么——一个列表、一段对话、一个订单页;一条被砍掉头尾的中间段则谁也认不出来,缩略图变成一块看不懂的色块,点开率反而更低。
底色有讲究。别用纯白配一张白底截图,图和背景会糊在一起没有边界,看起来像排版出了错。用浅灰、用一点渐变,或者给截图本身加一层圆角和一点柔和的投影,让它看起来是「放上去的一张图」而不是「没铺满的一块」。
还有一条更狠的路:把一张长截图从中间断开,拼成左右两栏,整体就接近 4:3 或者 1:1 了。做教程图的时候很常见,代价是读者得知道先读哪一栏——所以拼完要加序号或者一个箭头,别指望他自己猜。
竖屏的安全区
9:16 的竖屏上下都压着平台自己的界面:顶上是进度条和账号名,底下是文案、话题标签和一排按钮。各家占多少不一样,而且随版本变,一个稳妥的估法是上下各留出一成半到两成的高度不放关键内容。
但比记数字可靠得多的做法是:先发一条只有自己可见的,用手机看一眼被挡了多少。这一步做一次,之后你心里就有数了,而且它给的是此刻这个版本的真实答案,不是我写这篇时候的答案。
平台会再压一次,这会先毁掉什么
- 1 像素的细线和浅灰边框:糊成一片,或者直接消失。
- 小字:截图里 12 像素高的正文,缩到手机屏宽再压缩之后基本不可读。
- 浅色配浅色:对比度不够的区域压缩之后最先崩。
- 渐变:出现一条条横向色带。
- 纯红色的细字:常见的压缩会对色度信息降采样,红色小字最容易发毛。
对策不复杂:线粗一档、字大一档、颜色纯一点、对比度拉开。以及能发 PNG 就发 PNG——多数聊天软件的「原图」选项会保留原始文件,界面截图这类大片纯色、边缘锐利的图,PNG 比 JPEG 好得多。
三个具体的错误
- 为了凑比例把图拉伸。变形的界面截图一眼就看得出来,而且比留白难看得多。宁可留白。
- 先裁出一小块再放大。放大出来的是插值,字是糊的。要突出局部,正确做法是裁完保持原始像素,或者干脆在完整图上用一个框圈出那一块。
- 把关键内容放在四条边上。缩略图裁中间,竖屏安全区又要求离上下边远一点——这两条不冲突,它们指向同一个位置:偏中间。
Marka 里对应的两组东西
裁切在免费档里:取景框随便拖,或者锁到 1:1、16:9、9:16、4:3、3:4、3:2、2:3,另外还有 90 度旋转和水平垂直翻转。这八个比例基本就是上面那张平台清单折叠起来的样子。裁一张截图不该是个付费功能。
「垫」那一步在 Pro 里:给图加留白、圆角和一层柔和的投影,底色可以是素白、石墨、三种渐变之一,或者透明。所有这些尺寸都按图片比例算,所以一张手机截图和一张 Mac 截图垫出来的结果是同一个形状,不用每次重调。透明那一档留给你要把这张图再放进别的设计稿里的情形。
Mac 上导出还有尺寸预设和几个固定尺寸的导出画布,一次做一组要发到同一个位置的图时省事,格式可以是 PNG、JPEG 或 HEIC。iPhone 和 iPad 上是存回相册或者交给系统分享面板。另外提醒一句:它是草稿纸不是图库,关掉之后不留副本,一组图要一次做完或者随手导出。
一个可以照做的流程
- 先确定这张图被看到的第一个尺寸是什么:是九宫格里那个小方块,还是点开之后的全图。这决定后面所有事。
- 如果第一眼是小方块,就让那个方块里已经有信息——要么本来就是方图,要么垫成方图。
- 要改形状时,先问能不能垫。垫不了、或者你确实只需要图上那一小块,再裁。
- 裁的时候保持原始像素,别放大。
- 竖屏上下各留一成半到两成不放关键内容。
- 发一条只有自己可见的看一眼,确认没被挡、字没糊,再正式发。
常见问题
手机截图能直接发朋友圈吗?
单图可以,但太长的图会被截成上半截预览,所以最重要的内容要在上面三分之一。发多图的话九宫格缩略图是按正方形从中间裁的,一张竖长截图在那儿只剩中间一条——这种情况下把它垫成方图更划算。
为什么我的截图在九宫格里只剩中间一条?
因为九宫格缩略图是正方形,而手机截图大约是 9:19.5,平台从中间取一个方块。解法不是自己裁一刀(那会真的丢掉内容),而是保持截图完整、给它垫一块方形底色,这样缩略图里显示的就是完整的一张小图。
小红书的首图用什么比例?
3:4 的竖图最常见,1:1 也用得多。比比例更要紧的是:首图要能被单独看懂,不要把流程的第一步当首图。图上的字要够大够粗,平台会再压一次,细笔画的字压完就糊了。
图上的字发出去就糊了怎么办?
把字大一档、笔画粗一档、颜色纯一点、和背景的对比度拉开,别用 1 像素的细线和浅灰。发送时选「原图」,界面截图这类大片纯色、边缘锐利的内容用 PNG 明显更好。真的很长的图,考虑拆成两张而不是整体缩小。
到底什么时候该裁、什么时候该垫?
你只需要图上的一小块内容——裁。你需要整张图但目标位置的形状不对——垫。判断句是:裁掉的那部分,读者需不需要。需要就别裁,尤其是给别人复现问题用的截图。
一张很长的长截图怎么办?
三条路。一是垫成目标比例,接受它在缩略图里变小;二是从中间断开拼成左右两栏,再用序号说明先读哪边;三是承认这张图讲了太多事,拆成几张,每张只讲一件。第三条通常是最对的那条。
用 Marka 做这件事
Marka 是 iPhone、iPad 和 Mac 上的截图标注 App。划一下把不该看的盖掉,用箭头指住该看的,用序号标出步骤,裁成你要发的比例,然后发出去。全程在设备本地处理——不上传、不注册、无埋点,安装包 2.4 MB。打开图片、裁切、马赛克笔刷和导出都免费;Pro 是一次性买断,三端通用。