封面图不只显示在文章开头，也会用在社交媒体分享时的卡片和博客的文章列表中。每次都会按固定的比例裁切，所以尺寸要按「无论按哪种比例裁切，重要的内容都能保留下来」来决定。如果要定一个基准，那就是1200×630像素。
为什么以1200×630为基准
Facebook的开发者文档建议，分享链接时所用的图片应至少为1200×630像素，才能在高分辨率设备上清晰显示。要以带大图的形式显示，至少需要600×315像素，小于这个尺寸就会变成小图显示。允许的最小尺寸为200×200像素。
1200×630是约1.91:1的横版。按这个比例制作，被分享时就会以大卡片显示。
横版素材会被裁掉多少
手头的素材不一定正好是1.91:1。本站的横版素材为1408×768像素（约1.83:1）。下面用框线标出这张素材按其他比例裁切时保留的部分。框外变暗的区域就是会被裁掉的范围。
1.91:1比素材稍宽一些，所以只有上下被裁掉一点。只要人物的头部和手边没有贴近边缘，就可以直接使用。
16:9比素材稍窄一些，这次是左右被裁掉一点，同样几乎没有影响。
裁成正方形时，左右会被大幅裁掉。有些博客主题会把文章列表的缩略图排成正方形，这时只剩下中央部分。主体偏在画面边缘的素材，在列表中就看不出是什么文章了。封面图选择主体位于中央附近的素材，是最稳妥的做法。
需要叠加文字时选择有留白的构图
如果要在封面图上叠加标题文字，就选择画面中有描绘较少之处的构图。不过，如果可能被裁成正方形，文字也要靠中央放，否则在列表中会被截断。文字放在哪里，可参考「培训幻灯片的插画，选对放在哪一页才有效」一文中以幻灯片为例所做的对比。
文章内配图可以用另一套标准
封面图和文章内配图作用不同。配图只要能容纳在正文宽度内即可，也不会被裁切，因此正方形或竖版都没问题。像步骤说明图这类需要看清细节的图片，做成正方形或竖版反而更易读。
也要留意文件大小
尺寸合适，但文件过大同样会拖慢页面显示。我们测了本站的3张横版素材，WebP格式每张约65〜210KB。同一张画存成PNG，体积会变成6〜8倍。各格式之间的差异，在「WebP是什么？下载的图片打不开时的处理方法」一文中列有实测数据。
参考资料
- Meta for Developers「Images in Link Shares」（英语）
※以上为2026年9月撰写本文时的信息。