M Marka 下载 Marka

截图发到各个平台,该裁成什么比例

手机截图接近 9:19.5,裁成正方形要砍掉一半以上的高度。各平台真正要的形状、为什么多数时候该「垫」而不是「裁」,以及二次压缩会毁掉哪些东西。

你把一张手机截图发出去,结果在九宫格里只看得见中间一条;或者发进小红书,图上的字全糊了;或者为了凑成正方形硬裁了一刀,最关键的那一行正好在裁掉的那半边。这几件事有同一个原因:手机截图的形状和这些平台要的形状天生就是冲突的。

结论先说:多数情况下正确的动作不是裁,是垫——保持截图完整,把它放在一块符合目标比例的底色上。裁只在你确实只需要图上一小块的时候才对。

先看数字:手机截图有多长

现在的全面屏手机截图大约是 9:19.5,比如 1290 乘 2796。把它裁成 1:1,最多只能留下 1290 乘 1290——2796 的高度砍掉了一半以上。裁成 4:5 也要砍掉四成多。而截图的内容通常是从上到下铺满的,你砍掉的不是留白,是内容。

所以「发之前裁成正方形」这个默认动作,对照片是成立的(照片的主体多半就在中间),对截图基本不成立。这是一句很朴素的话,但几乎所有的截图排版问题都从忽略它开始。

各个平台实际要什么

下面写的是常见情形。平台会改版,任何写死的数字都会过期,所以真正可靠的判断方法不是记住这张表,而是发之前看一眼平台自己给你的那个裁切框——它就是这个平台此刻的答案。

别裁,垫

一张 9:19.5 的截图要塞进一个 1:1 的位置,正确的动作是:保持截图完整,把它放在一块 1:1 的底色上,上下留白。你损失的是「截图占的面积变小了」,你保住的是全部内容。

而且它在缩略图上的表现常常反而更好。一张完整的界面图缩小之后仍然认得出是什么——一个列表、一段对话、一个订单页;一条被砍掉头尾的中间段则谁也认不出来,缩略图变成一块看不懂的色块,点开率反而更低。

底色有讲究。别用纯白配一张白底截图,图和背景会糊在一起没有边界,看起来像排版出了错。用浅灰、用一点渐变,或者给截图本身加一层圆角和一点柔和的投影,让它看起来是「放上去的一张图」而不是「没铺满的一块」。

还有一条更狠的路:把一张长截图从中间断开,拼成左右两栏,整体就接近 4:3 或者 1:1 了。做教程图的时候很常见,代价是读者得知道先读哪一栏——所以拼完要加序号或者一个箭头,别指望他自己猜。

竖屏的安全区

9:16 的竖屏上下都压着平台自己的界面:顶上是进度条和账号名,底下是文案、话题标签和一排按钮。各家占多少不一样,而且随版本变,一个稳妥的估法是上下各留出一成半到两成的高度不放关键内容。

但比记数字可靠得多的做法是:先发一条只有自己可见的,用手机看一眼被挡了多少。这一步做一次,之后你心里就有数了,而且它给的是此刻这个版本的真实答案,不是我写这篇时候的答案。

平台会再压一次,这会先毁掉什么

对策不复杂:线粗一档、字大一档、颜色纯一点、对比度拉开。以及能发 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 上是存回相册或者交给系统分享面板。另外提醒一句:它是草稿纸不是图库,关掉之后不留副本,一组图要一次做完或者随手导出。

一个可以照做的流程

  1. 先确定这张图被看到的第一个尺寸是什么:是九宫格里那个小方块,还是点开之后的全图。这决定后面所有事。
  2. 如果第一眼是小方块,就让那个方块里已经有信息——要么本来就是方图,要么垫成方图。
  3. 要改形状时,先问能不能垫。垫不了、或者你确实只需要图上那一小块,再裁。
  4. 裁的时候保持原始像素,别放大。
  5. 竖屏上下各留一成半到两成不放关键内容。
  6. 发一条只有自己可见的看一眼,确认没被挡、字没糊,再正式发。

常见问题

手机截图能直接发朋友圈吗?

单图可以,但太长的图会被截成上半截预览,所以最重要的内容要在上面三分之一。发多图的话九宫格缩略图是按正方形从中间裁的,一张竖长截图在那儿只剩中间一条——这种情况下把它垫成方图更划算。

为什么我的截图在九宫格里只剩中间一条?

因为九宫格缩略图是正方形,而手机截图大约是 9:19.5,平台从中间取一个方块。解法不是自己裁一刀(那会真的丢掉内容),而是保持截图完整、给它垫一块方形底色,这样缩略图里显示的就是完整的一张小图。

小红书的首图用什么比例?

3:4 的竖图最常见,1:1 也用得多。比比例更要紧的是:首图要能被单独看懂,不要把流程的第一步当首图。图上的字要够大够粗,平台会再压一次,细笔画的字压完就糊了。

图上的字发出去就糊了怎么办?

把字大一档、笔画粗一档、颜色纯一点、和背景的对比度拉开,别用 1 像素的细线和浅灰。发送时选「原图」,界面截图这类大片纯色、边缘锐利的内容用 PNG 明显更好。真的很长的图,考虑拆成两张而不是整体缩小。

到底什么时候该裁、什么时候该垫?

你只需要图上的一小块内容——裁。你需要整张图但目标位置的形状不对——垫。判断句是:裁掉的那部分,读者需不需要。需要就别裁,尤其是给别人复现问题用的截图。

一张很长的长截图怎么办?

三条路。一是垫成目标比例,接受它在缩略图里变小;二是从中间断开拼成左右两栏,再用序号说明先读哪边;三是承认这张图讲了太多事,拆成几张,每张只讲一件。第三条通常是最对的那条。

用 Marka 做这件事

Marka 是 iPhone、iPad 和 Mac 上的截图标注 App。划一下把不该看的盖掉,用箭头指住该看的,用序号标出步骤,裁成你要发的比例,然后发出去。全程在设备本地处理——不上传、不注册、无埋点,安装包 2.4 MB。打开图片、裁切、马赛克笔刷和导出都免费;Pro 是一次性买断,三端通用。

去 App Store 下载

相关文章

全部文章