跳到主要内容
GoPlayTools.cc

B 站图片尺寸指南:封面与配图规范

2026年8月10日 · 3 分钟阅读B 站封面图片尺寸

在 B 站投稿,封面几乎是和标题同等重要的点击因素。与 YouTube 类似,B 站封面也是 16:9 的横版画布,但它在网页端和手机端的展示尺寸都很小,右下角还会叠上视频时长角标。很多新 up 主上传了高清大图,却因为构图和文字问题,在列表里缩成小图后完全看不清。这篇指南从实际显示环境出发,说明 B 站图片该怎么做。

B 站封面在哪里显示

  • 网页端首页推荐、分区页、搜索结果的缩略图列表。
  • 手机端 App 的信息流与视频详情页上方。
  • 个人空间的作品列表。

这些位置的封面尺寸不大,通常宽度只有几百像素,点击决策往往发生在半秒之内。也就是说,封面设计的目标不是"大屏上看精致",而是"小图上能看懂"。

自检时建议同时看三种状态:信息流小图、分区页中图、视频页大图。同一张封面在这三种尺寸下都清晰可读,才算真正达标。

封面尺寸:1920×1080 的 16:9

  • 推荐尺寸:1920×1080 像素,比例 16:9,这是 B 站投稿最常见的封面画布。
  • 不要使用 4:3、1:1 等异形比例,上传后会被强制裁切,主体容易移位。
  • 封面中的视频画面建议选取主体居中、背景简洁的一帧,必要时为封面单独构图。

如果稿件本身是竖屏视频,封面应使用对应的竖版构图,而不是把横版封面硬套在竖屏视频上。

配图与专栏图片

  • 视频简介、评论区之外,动态和多图投稿对单张尺寸没有苛刻要求,但建议统一横向构图,观感更整齐。
  • 专栏封面同样推荐 16:9 的横版图片,与文章头图显示区域匹配。
  • 无论哪种用途,图片都不要直接从聊天软件转发,经过多层压缩的小图放大后会明显发虚。

小图可读性:压缩后的第一眼

  • 封面文字建议控制在几个字以内,字体要大、笔画要粗,避免细体字在小图上糊成一片。
  • 主体只保留一个,背景与主体、文字之间的对比要足够强。
  • 上传前把封面缩小到 300 像素宽左右检查一遍,能看清才算合格。

为时长角标和界面元素留白

B 站在多个位置会把视频时长显示在封面右下角,网页端和手机端都有类似叠加。因此封面右下角不要放置关键文字或重要主体,画面核心放在中央偏左上的区域最稳妥。另外,手机端信息流的标题会覆盖在封面下方区域,底部同样建议留出安全距离。

封面与标题的分工配合

标题和封面总是成对出现在信息流里,观众先扫一眼这两样,再决定要不要点开。常见的误区是封面把标题又重复了一遍,浪费了封面这块最显眼的位置。合理的分工是:标题负责讲清主题,封面负责提供标题给不了的视觉信息,比如主体的表情、场景的反差或者一个关键数字。标题已经很直白时,封面文字可以更少甚至省略;标题比较抽象时,再考虑用大而少的文字在封面上补充要点。

  • 设计时把标题和封面拼在一起、缩到列表尺寸检查,看看两者是否在互相抢话。
  • 同一个系列可以固定封面的版式与配色,让老观众在信息流里一眼认出,这种系列感比单张封面的精致程度更能积累辨识度。

如果这张封面还要同时用于其他平台,可以先按 16:9 完成主稿,再针对各平台的规格派生副本,具体流程可以参考如何为社交媒体调整图片尺寸

常见错误

  • 用竖屏照片直接当封面,上传后被裁成横版,人物头部被切掉。
  • 封面文字又小又密,列表小图上完全不可读。
  • 把卖点放在右下角,被时长角标和平台 UI 遮挡。
  • 从已压缩的小图再放大导出,封面边缘出现明显锯齿。

用 GoPlayTools 制作 B 站封面

GoPlayTools 的图片缩放工具内置了 B 站预设,可以直接套用规范:

  1. 打开图片缩放工具,选择"Bilibili 1920×1080"预设。
  2. 上传素材,在 16:9 的取景框内调整构图,确认主体居中、右下角无关键元素。
  3. 导出 JPG 或 WEBP,将体积控制在合理范围。
  4. 如果画面来自视频,可以先从视频中提取画面,再进入缩放流程。

需要多平台一起发布时,可以把 B 站封面和 YouTube 缩略图统一规划,尺寸差异交给预设处理即可。

小结

B 站封面的规范可以总结为:16:9、1920×1080、文字少而大、主体放中央、避开右下角时长角标。比起纠结分辨率上限,更重要的是保证封面在小尺寸、被界面元素遮挡时依然清晰可读,这也是它真正影响点击的地方。