博客封面图该用多大尺寸?

封面图的尺寸不仅影响文章内的显示效果,也影响在社交媒体上被分享时的卡片显示。如果拿不定主意,选择1200×630像素即可应对绝大多数场合。以下说明理由,以及其他图片该如何考虑。

用电脑撰写博客文章的人物插画
下载该素材 →

为什么是1200×630

这个比例(约1.91:1)是Facebook、X、LinkedIn、Slack、Discord等生成链接预览的主要服务共同推荐或接受的尺寸。准备一张即可,无需为每个服务分别制作。

Facebook建议使用1200×630以上以获得高分辨率预览,允许的最小尺寸为200×200。但是低于600×315时,预览会从大卡片切换为小缩略图。可以将其视为实际下限——只能显示为缩略图,会浪费您在图片上投入的精力。

在X上显示大卡片(summary_large_image)时,1200×630同样可以直接使用。

用智能手机浏览社交媒体的人物扁平插画
下载该素材 →

文章内配图可以用另一套标准

封面图和文章内配图作用不同。配图只要能容纳在正文宽度内即可,正方形或竖版都没问题。反而过度追求横版会有副作用:在手机上显示时纵向尺寸变小,细节难以辨认。

步骤说明图、检查清单这类需要看清细节的图片,做成正方形或竖版更易读。请按用途区分使用。

需要叠加文字时选择留白的构图

如果打算在封面图上叠加标题文字,主体占满画面中央的图片就没有放文字的位置。事先选择有留白的构图,能大幅减少后期加工的工作量。

文字通常靠左右一侧放置。在挑选素材阶段就想好「文字放在哪里」,可以避免返工。

文件大小也要留意

尺寸合适,但文件过大同样会拖慢页面显示。显示速度直接关系到读者流失,因此封面图建议控制在1MB以内。使用WebP这类压缩效率高的格式,可以在保持观感的同时减小体积。

关于 Visual Hub 的素材

本站提供正方形(1024×1024)和横版(1408×768)两种尺寸的素材。横版素材以博客头图和社交媒体卡片显示为设想,采用了刻意留出文字空间的构图。

横版素材的比例约为1.83:1,与1200×630(约1.91:1)接近,直接导出为1200×630也不易裁掉重要部分。格式为WebP,文件体积也较小。