简短答案:1600 × 900,比例为 16:9。这是能把X的帖子填满且不被裁切的尺寸,没有特殊理由的话就用它。
为什么是 16:9
X 在时间线里裁切得很狠,而 16:9 正是在桌面端和移动端都能填满帖子卡片且不被裁切的比例。对代码来说这比照片更要紧:裁掉一行末尾几个字符,片段就成了错的,而不只是构图不好看。
设置方法
在 Codeshot 的 Aspect Ratio 中把 Original 切换为 Fixed,选择 16:9 预设。然后把宽度设为 800,以 2× 导出。
这样得到的正是 1600 × 900。用 2× 而不是 1× 导出,才能让小字在 Retina 屏上保持锐利——代码片段以 1× 导出总会显得有点发虚。
其他可用尺寸
| 比例 | 像素 | 适用场景 |
|---|---|---|
| 1:1 | 1080 × 1080 | 片段较短、接近方形时 |
| 4:5 | 1080 × 1350 | 希望在移动端信息流里占据最大高度时 |
每一种都是同样的三步设置:比例、宽度,再加 2× 导出。
要避免的错误
把整个文件的长截图发出去。X 在时间线里显示的是裁切后的预览,别人看到的是代码中段,最关键的部分正好被切掉。精简到十到十五行,剩下的交给比例。
还有一点
文件保持在 5 MB 以内。代码片段的 2× PNG 远达不到这个上限,只有用照片作背景并以 3× 导出时才需要留意。
其他平台的尺寸
查看全部文章,了解其余平台。
无论发在哪里,图片一旦被缩小,主题和尺寸同样重要。挑选之前可以比较全部 30 款。