图片工具 · 社交平台

B 站封面

B 站视频封面尺寸/模板

本地处理 · 不上传 免费 · 无需登录 无次数限制 累计 56 次使用
16:9 · 安全区 · 大字 · 关键词高亮 · 拖拽 · 本地
实时预览1146 × 717
封面背景预览
在画布上拖动文字可自由定位
纯本地:背景与文字全程在浏览器 Canvas 合成,原图绝不上传服务器。 标题中用 【关键词】 包裹即自动高亮,导出含完整背景且不含安全区参考线,关闭页面即清空。
尺 寸Size
版 式 预 设Layout
背 景Background
0%
安 全 区 参 考 线Safe Zone
B 站会在封面上叠加 UI:右下角显示视频时长,底部可能叠加标题/进度条,顶部偶有 UP 信息条。请把重要文字放在参考线圈出的安全区内,别被遮挡。
封 面 文 字Text · 可多块
当 前 文 字Properties
输 出Export
就绪 · 改文字、选背景、拖拽定位
第一节

关于本工具

About

赶在 B 站上传封面时,尺寸被裁、文字被挡、重点被截,是反复发生的挫败。这个工具直接给出符合平台规范的封面尺寸(16:9 / 1:1 / 3:4 竖版),并提供带安全边距的参考模板,让标题和人物主体不被裁剪误伤。所有处理在浏览器本地完成,封面素材不会上传到任何服务器。

使用场景

活动封面被驳回

投稿前两小时,B 站系统提示封面图「文字占比超标」或「二维码违规」。原图是满屏大字报,重新设计来不及。本工具提供合规封面模板,自动标注 B 站 5% 文字安全区与 114×114 像素的缩略图识别框,把文案压缩进安全区内,替换成无码纯色底图,提交后一次过审。

多平台尺寸适配

同一个视频要同步发到 B 站、抖音和视频号。B 站封面是 16:9 的 1920×1080,抖音是 9:16 的 1080×1920,视频号是 1:1 的 1080×1080。本工具直接给出各平台标准画布尺寸与导出预设,在 PS 里套用模板裁切,避免手动计算四角留白时裁掉人物头部。

系列视频统一视觉

做「30 天英语晨读」系列,每期封面要有相同字体、色号和底图位置,但标题文字长度不同。本工具提供带参考线的 PSD 模板,固定标题栏区域为 800×120 像素,字体大小自动适配最长文案(如「Day 12 长难句精讲」),保证整个系列封面在首页滚动时视觉不跳脱。

手机端缩略图预览

电脑上做好的封面,在手机 B 站首页缩略图里字小到看不清。本工具内嵌手机端 114×114 像素缩略图实时预览功能,上传原图后自动生成缩略效果,能直接判断标题文字在 2 英寸屏幕上的可读性,避免发布后因缩略图信息模糊导致点击率下降。

搬运旧视频换封面

三年前的老视频被限流,想换封面重新推荐。原视频封面图层已丢失,只有一张 1920×1080 的成品图。本工具提供「去文字」参考模板,用纯色吸色工具匹配原图背景色,覆盖掉旧标题和二维码,再按当前平台规范加上新标题,无需重新渲染视频就能更新封面。

第二节

使用指南

Getting Started

使用步骤

  1. 1在「上传图片」区域选择或拖入一张图片,右侧预览区立即显示原图比例
  2. 2点选「16:9」「1:1」或「4:3」模板按钮,预览图自动裁剪为对应封面比例
  3. 3拖动裁剪框调整构图区域,框外区域变暗,框内保持原色
  4. 4点击「下载」按钮,浏览器直接保存裁剪后的 PNG 图片到本地

输入输出示例

输入输出说明
BV1GJ411x7D71920×1080(16:9)封面尺寸;推荐使用 1146×717 裁剪模板常规:典型 B 站视频 BV 号,验证工具能识别并返回标准封面尺寸及裁剪建议
av1700011920×1080(16:9)封面尺寸;推荐使用 1146×717 裁剪模板常规:旧版 av 号格式,验证兼容性,确保新旧编号都能正确处理
BV1xx411c7mD1920×1080(16:9)封面尺寸;推荐使用 1146×717 裁剪模板边界:BV 号中带字母 x(小写),验证大小写是否敏感,避免因字母大小写导致识别失败
ss123451920×1080(16:9)封面尺寸;推荐使用 1146×717 裁剪模板边界:番剧/影视合集 ss 号格式,验证工具是否覆盖非普通视频类型的封面尺寸
BV1GJ411x7D7?p=31920×1080(16:9)封面尺寸;推荐使用 1146×717 裁剪模板边界:带分 P 参数的完整 URL,验证工具能否自动剥离参数并正确提取 BV 号
https://www.bilibili.com/video/BV1GJ411x7D71920×1080(16:9)封面尺寸;推荐使用 1146×717 裁剪模板易错:用户常直接粘贴完整视频链接而非纯编号,验证工具能否自动解析 URL 中的 BV 号
12345无效输入:请提供有效的 B 站视频 BV 号、av 号或完整链接易错:纯数字串既可能是旧 av 号(缺前缀)也可能是无关数字,验证工具对格式的严格校验

常见错误对照

1.上传非 16:9 比例图片直接使用

✗ 错误上传一张 1080×1920 竖屏照片,直接生成封面
✓ 修复先裁剪为 1920×1080(16:9)再上传

B 站视频封面强制 16:9,上传其他比例会被自动裁切或留黑边,导致重要内容被切掉。

2.尺寸小于 160×90 像素

✗ 错误上传一张 150×84 的小图标
✓ 修复使用至少 1920×1080 的高清图

B 站要求封面最小 160×90,但太小会模糊。官方推荐 1920×1080 以上以保证清晰度。

3.文件格式为 WebP 或 BMP

✗ 错误上传一张 .webp 或 .bmp 图片
✓ 修复转换为 .jpg 或 .png 格式再上传

B 站只接受 JPEG、PNG、GIF 格式。WebP 和 BMP 会被系统拒绝或自动转码导致色差。

4.文件大小超过 5MB

✗ 错误上传一张 8MB 的高清原图
✓ 修复压缩到 5MB 以内(推荐 2-3MB)

B 站限制封面文件 ≤5MB。超大会上传失败,或自动压缩导致画质严重下降。

5.忽略视频标题区域被遮挡

✗ 错误把文字或人脸放在图片底部 1/3 区域
✓ 修复将关键内容放在图片上半部分或中央偏上

B 站视频封面在首页/推荐流中,底部会叠加视频标题和时间信息,遮挡区域约图片底部 30%。

6.使用 RGB 色彩空间图片

✗ 错误上传一张 Adobe RGB 或 ProPhoto RGB 的图片
✓ 修复转换为 sRGB 色彩空间

B 站只正确显示 sRGB。非 sRGB 图片上传后颜色会偏灰或过饱和,与设计稿差异明显。

7.直接使用透明 PNG 而不加背景

✗ 错误上传一张透明背景的 PNG 素材
✓ 修复添加纯色或渐变背景后再导出为不透明 PNG

B 站封面不支持透明通道,透明区域会被自动填充为黑色,破坏设计效果。

8.文字字号过小或线条过细

✗ 错误在封面上使用 8px 字号或 1px 细线
✓ 修复文字字号 ≥24px,线条粗细 ≥3px

封面在手机端缩略显示时,小字和细线会完全消失。B 站推荐封面文字大而醒目。

第三节

工作原理

How It Works

核心公式

封面宽高比 = 宽度(pixel) ÷ 高度(pixel)

变量说明

  • 宽度封面图片水平像素数
  • 高度封面图片垂直像素数

示例

B站视频封面推荐尺寸为 1920×1080 像素:宽高比 = 1920 ÷ 1080 = 1.7778,即 16:9 比例。若上传 1080×1080 正方形图,宽高比 = 1,会被平台强制裁剪为 16:9,导致上下部分缺失。

粘贴 B 站链接解析视频 ID提取封面 URL获取原图校验尺寸展示选择尺寸模板(16:9 / 1:1 / 3:4)裁剪 / 缩放生成预览图下载
用户操作 浏览器内处理 图片处理
第五节

常见问题

Q & A
上传的图是横的,怎么自动变成 B 站封面那种竖版尺寸了?

本工具不会自动裁剪或变形图片,它只提供 B 站视频封面(1146×717、1920×1080 等)的标准尺寸模板和参考线。上传后看到的结果图保持原图比例,不会强制拉伸或裁切。需要自己手动调整图片内容到模板框内——工具在预览区会用半透明遮罩标出安全区域(标题/头像不被遮挡的范围),按那个框摆放主体即可。

B站封面尺寸到底是多少?为什么网上说的不一样?

B 站官方推荐封面尺寸是 1146×717 像素(宽高比约 1.6:1),这是 PC 端首页和搜索结果页的显示尺寸。1920×1080 是上传时的原始素材尺寸,上传后系统会自动裁剪为 1146×717。本工具同时提供了这两组尺寸的模板,并标注了标题文字和右下角头像的遮挡区域(安全区)。建议直接用 1146×717 出图,避免上传后被裁掉关键内容。

模板里的安全区是什么意思?不按它画会怎样?

安全区是 B 站客户端会遮挡或覆盖图片的区域。PC 端右下角会叠放 UP 主头像(约 120×120 像素),移动端底部会有标题和进度条。工具用半透明色块标出了这些遮挡范围。如果不避开,头像或标题可能盖住人脸、LOGO 或文字。安全区只是参考,不是强制裁切——实际发布后遮挡程度因设备和版本而异,但避开安全区是减少返工最稳妥的做法。

这个工具能直接导出 PSD 或模板文件吗?

不能。本工具是纯浏览器端(FE)的在线预览和参考工具,不生成可编辑的 PSD、AI 或 Sketch 文件。它提供的是:一组叠加了尺寸标注和安全区的预览图,以及每套尺寸对应的像素标注。如果需要可编辑模板,可以截图工具里的标注图,导入 Photoshop/Canva 后对齐参考线。工具本身就是为了快速确认尺寸和遮挡位置,不是设计编辑器。

上传图片后页面卡住了,是不是图太大了?

本工具在浏览器本地处理,不上传服务器,所以处理大图(超过 10MB 或 5000×5000 像素)时浏览器可能卡顿。建议上传前把图片压缩到 3MB 以内、长边不超过 3000 像素——这个分辨率对封面制作完全够用。如果卡住了,刷新页面重新上传即可,不会丢失数据(因为不上传服务器)。也可以尝试用 Chrome 或 Edge 浏览器,Safari 对大图处理效率稍差。

为什么我按 1146×717 做出来的封面,在手机上显示不全?

B 站移动端首页和推荐流显示的封面是 1:1 正方形裁切(约 200×200 像素),不是完整的 1146×717 矩形。工具预览区已标注了移动端安全区域——会显示一个正方形框,示意手机端显示范围。如果主体或文字放在框外,移动端就会看不到。建议设计时把最重要的信息(人脸、标题关键词)放在中心 600×600 像素的正方形区域内,这样 PC 和手机端都能正常显示。

这个工具和 PS 相比有什么优势?我直接用 PS 画参考线不行吗?

本工具主要解决两个问题:一是省去手动查尺寸和画参考线的时间(PS 里需先建 1146×717 画布,再手动拉辅助线标记安全区);二是直接叠加了 B 站各端(PC/移动/搜索页)的实际遮挡区域,这些遮挡尺寸会随客户端版本变化,手动维护麻烦。工具适合快速确认布局、预览遮挡效果,而 PS 适合精细修图、调色和添加文字。两者不冲突——可以先在工具里确认构图,再到 PS 里精修。

生成的预览图能直接下载当封面用吗?

预览图带有尺寸标注和安全区半透明遮罩,不适合直接上传。它的作用是视觉确认:主体是否在安全区内、文字是否被遮挡。确认没问题后,回到自己的设计软件(PS/Canva/美图秀秀)里按同样构图导出干净图片再上传。工具不提供无标注的导出功能,因为核心定位是校验和参考,不是出图工具。

隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。

选择 打开 +新窗口 esc关闭