B 站封面

B 站视频封面尺寸/模板

411 次访问
BILIBILI COVER · 1920×1080

B站视频封面

1920×1080 推荐尺寸 · 多种模板 + 文字特效

🖼

拖入或点击上传背景图

关于本工具

了解工具定位 · 使用场景 · 对比优势

使用场景

🎬

视频封面尺寸

UP主在制作B站视频时,常因封面尺寸不符导致上传后显示不全或被压缩变形。本工具提供B站官方推荐的封面尺寸比例(16:9)及像素规格,直接展示标准模板。创作者只需按模板裁剪或设计,即可确保封面在首页、推荐流和移动端都完整清晰显示,避免因尺寸问题反复修改。

🎨

模板快速套用

新手UP主或设计经验不足的创作者,面对空白画布不知如何下手。本工具提供多种封面模板,包含文字排版区、标题位置、人物构图参考线等预设布局。用户直接套用模板填充内容,无需从零设计,几分钟内就能产出符合B站视觉风格的封面,提升视频点击率。

📱

多端适配预览

封面在电脑端和手机端显示区域不同,经常出现标题被截断或关键元素被遮挡的问题。本工具提供多端预览功能,模拟封面在B站PC首页、手机竖屏推荐页、手机横屏播放页的实际显示效果。创作者调整元素位置时能实时看到各端效果,确保核心信息在所有设备上都完整可见。

批量封面制作

系列视频或周更UP主需要保持封面风格统一,但每期手动调整尺寸和排版耗时费力。本工具支持保存自定义模板,设置好文字位置、滤镜、边框等样式后,只需替换每期封面图即可批量生成。创作者将精力集中在内容本身,而非重复的封面排版工作。

🔍

封面元素检查

封面上的文字、Logo或人物面部容易被B站视频进度条、播放按钮等UI元素遮挡。本工具提供封面叠加B站UI元素的检查模式,标记出被遮挡区域。创作者在上传前就能发现并调整文字位置或关键元素,避免发布后因遮挡影响封面信息传达和观看体验。

对比矩阵本工具 vs 竞品 vs 传统方法

维度本工具竞品 A(Canva)传统方法(PS/AI)
数据隐私纯浏览器处理,不上传任何文件需上传图片到云端服务器完全本地,无网络传输
处理速度秒级生成封面预览需加载编辑器,数秒至数十秒取决于操作熟练度,通常数分钟
上手门槛打开即用,无需注册需注册账号,有学习曲线需安装专业软件并学习操作
输出灵活性固定 B 站封面尺寸(16:9)可自定义任意尺寸和模板完全自由,无尺寸限制
收费模式完全免费免费版有水印,高级功能付费需付费购买软件(正版)
离线可用完全离线可用需联网安装后完全离线
模板数量内置 B 站封面专用模板海量通用模板无模板,需自行设计

使用指南

上手步骤 · 输入输出 · 避坑提示

输入输出示例7 个典型场景,覆盖常规、边界与易错

输入输出说明
BV1GJ411x7a71920×1080 (16:9) | 视频封面 | 推荐尺寸:1125×633典型场景:用户通过 BV 号获取视频封面
cv1234561920×1080 (16:9) | 专栏封面 | 推荐尺寸:1125×633典型场景:专栏封面,与视频封面尺寸相同
https://www.bilibili.com/video/BV1GJ411x7a71920×1080 (16:9) | 视频封面 | 推荐尺寸:1125×633典型场景:支持完整 URL 自动提取 BV 号
BV1GJ411x7a7?p=2&share_source=copy_web1920×1080 (16:9) | 视频封面 | 推荐尺寸:1125×633边界 case:URL 带参数时自动忽略,仅提取 BV 号
BV1xx411c7mD视频不存在或已删除边界 case:已删除或下架视频,返回空结果
av1700011920×1080 (16:9) | 视频封面 | 推荐尺寸:1125×633边界 case:兼容旧版 av 号格式
BV1GJ411x7a71920×1080 (16:9) | 视频封面 | 推荐尺寸:1125×633易错 case:输入空格或换行,工具自动去除

常见错误对照8 个常踩的坑 · 错误 → 修复

1. 上传了非 16:9 比例的图片

错误
一张 1080×1920(竖屏)的图片直接上传
修复
先裁剪或缩放到 1920×1080(16:9),再上传

B 站视频封面强制 16:9 比例,非 16:9 会被自动裁剪或拉伸,导致主体偏移或变形

2. 图片分辨率低于 B 站最低要求

错误
上传一张 480×270 的小图
修复
上传至少 1280×720 的图片,推荐 1920×1080

B 站封面最低分辨率 1280×720,低于此会被压缩模糊;低分辨率在移动端放大后马赛克严重

3. 封面文字被 B 站 UI 元素遮挡

错误
关键文字(标题、人物面部)放在图片正中央
修复
关键内容放在安全区(上、下各留 15% 边距,中央避开 16:9 的播放按钮区域)

B 站播放页封面会被播放按钮(居中)、进度条(底部)、标题栏(顶部)遮挡,核心信息应避开

4. 上传了带透明通道的 PNG

错误
上传一张带透明背景的 PNG 图片
修复
导出为 JPEG 或扁平化后的 PNG(无透明通道)

B 站封面渲染引擎不支持透明通道,透明区域会显示为黑色或异常色块,破坏视觉效果

5. 文件大小超过 B 站上传限制

错误
上传一张 20MB 的高清原图
修复
压缩到 5MB 以内(JPEG 质量 80%,分辨率 1920×1080 通常 < 2MB)

B 站封面上传限制 5MB,超限会直接拒绝上传;压缩到 80% 质量肉眼几乎无差别

6. 使用了 B 站禁止的违规内容

错误
封面包含二维码、联系方式、其他平台水印
修复
仅使用原创或授权图片,无第三方平台标识

B 站审核系统会自动检测二维码、水印、违规文字,违规封面会被替换为默认图甚至下架视频

7. 封面与视频内容严重不符

错误
标题是「游戏攻略」,封面却放了一张美食图
修复
封面直接展示视频核心内容(游戏画面、角色、关键场景)

B 站算法会检测封面与标题/标签的语义匹配度,严重不符会被降权,用户点击后跳出率高

8. 直接使用 B 站截图作为封面

错误
从 B 站视频播放页面截图,直接上传作为封面
修复
使用视频原始素材或独立设计的封面图

B 站截图通常包含播放按钮、进度条等 UI 元素,且分辨率被压缩;系统可能判定为重复内容

工作原理

公式推导 · 流程图解 · 依据出处

核心公式

W = 1920, H = 1080 (16:9 比例);封面图宽高比 = W / H = 16 / 9

变量说明

  • W — 封面图宽度(像素)
  • H — 封面图高度(像素)
  • W / H — 宽高比,固定为 16:9

示例

B 站视频封面推荐尺寸为 1920×1080 像素(16:9)。若使用其他分辨率,需保持宽高比 16:9,例如 1280×720 或 3840×2160,否则封面在网页端/移动端会被裁剪或留黑边。

适用范围

适用于 B 站所有视频封面(PC 端、移动端、TV 端)。不适用于 B 站专栏封面(3:2 比例)或直播封面(1:1 比例)。数据来源:B 站官方帮助文档。

原理图

选择视频封面(上传或粘贴链接)浏览器内解析(提取尺寸/比例)展示封面模板(尺寸/裁剪建议)选择尺寸模板(B站标准/自定义)本地生成预览(无上传服务器)导出封面图(下载/复制)
用户输入 本地处理 输出结果

开发者集成

3 种主流语言 · 复制即用

import requests
from PIL import Image
from io import BytesIO

# 下载 B 站视频封面(通过 BV 号获取封面 URL)
bvid = "BV1GJ411x7"
api_url = f"https://api.bilibili.com/x/web-interface/view?bvid={bvid}"

resp = requests.get(api_url)
resp.raise_for_status()
data = resp.json()
cover_url = data["data"]["pic"]  # 封面原图 URL

# 下载并显示尺寸
img_resp = requests.get(cover_url)
img = Image.open(BytesIO(img_resp.content))
print(f"封面尺寸: {img.width} x {img.height}")  # 输出示例: 1920 x 1080

# 裁剪为 16:9 封面(B 站视频封面标准比例)
target_ratio = 16 / 9
w, h = img.size
if w / h > target_ratio:
    new_w = int(h * target_ratio)
    offset = (w - new_w) // 2
    img_cropped = img.crop((offset, 0, offset + new_w, h))
else:
    new_h = int(w / target_ratio)
    offset = (h - new_h) // 2
    img_cropped = img.crop((0, offset, w, offset + new_h))

img_cropped.save("cover_16_9.jpg")
print("已保存为 cover_16_9.jpg")
package main

import (
	"encoding/json"
	"fmt"
	"image"
	_ "image/jpeg"
	"io"
	"net/http"
)

type BiliResp struct {
	Data struct {
		Pic string `json:"pic"`
	} `json:"data"`
}

func main() {
	bvid := "BV1GJ411x7"
	apiURL := fmt.Sprintf("https://api.bilibili.com/x/web-interface/view?bvid=%s", bvid)

	// 获取封面 URL
	resp, err := http.Get(apiURL)
	if err != nil {
		panic(err)
	}
	defer resp.Body.Close()

	var biliResp BiliResp
	if err := json.NewDecoder(resp.Body).Decode(&biliResp); err != nil {
		panic(err)
	}

	// 下载封面图片
	imgResp, err := http.Get(biliResp.Data.Pic)
	if err != nil {
		panic(err)
	}
	defer imgResp.Body.Close()

	// 解码获取尺寸
	img, _, err := image.DecodeConfig(io.LimitReader(imgResp.Body, 1<<20))
	if err != nil {
		panic(err)
	}
	fmt.Printf("封面尺寸: %d x %d\n", img.Width, img.Height)
}
// 浏览器环境:通过 BV 号获取封面并检测尺寸
async function getCoverInfo(bvid) {
  const apiUrl = `https://api.bilibili.com/x/web-interface/view?bvid=${bvid}`;
  
  const resp = await fetch(apiUrl);
  const data = await resp.json();
  const coverUrl = data.data.pic;

  // 加载图片获取尺寸
  const img = new Image();
  img.crossOrigin = "anonymous";
  img.src = coverUrl;
  await new Promise((resolve, reject) => {
    img.onload = resolve;
    img.onerror = reject;
  });

  console.log(`封面尺寸: ${img.width} x ${img.height}`);
  // 输出示例: 1920 x 1080
  
  // 裁剪为 16:9(Canvas 方式)
  const canvas = document.createElement('canvas');
  const targetRatio = 16 / 9;
  let sw, sh, sx, sy;
  if (img.width / img.height > targetRatio) {
    sh = img.height;
    sw = sh * targetRatio;
    sx = (img.width - sw) / 2;
    sy = 0;
  } else {
    sw = img.width;
    sh = sw / targetRatio;
    sx = 0;
    sy = (img.height - sh) / 2;
  }
  canvas.width = sw;
  canvas.height = sh;
  const ctx = canvas.getContext('2d');
  ctx.drawImage(img, sx, sy, sw, sh, 0, 0, sw, sh);
  
  // 导出为 Blob 或 DataURL
  canvas.toBlob(blob => {
    console.log('裁剪后封面大小:', blob.size, 'bytes');
  }, 'image/jpeg', 0.9);
}

getCoverInfo('BV1GJ411x7');

常见问题

8 个高频疑问

B站封面的尺寸到底是多少?为什么我传上去被裁切了?
B站视频封面推荐尺寸是 1146×717 像素(16:9 比例),实际显示区域会根据不同端(PC/手机/平板)自适应裁切。上传后封面会在宽度上填满,高度上截取中间部分,所以关键内容(标题、人物面部)尽量放在画面中央 600 像素高度范围内。本工具生成的模板已按这个安全区标注了参考线,导出时保持原比例即可避免重要信息被切掉。
为什么我上传的封面在B站上显示模糊?
B站对封面图片有压缩处理,上传后会被二次压缩为 JPG 格式。如果原图分辨率低于 1146×717 或文件过小(<100KB),压缩后会更糊。建议用本工具生成的 PNG 原图(至少 300KB 以上),导出时选择「高质量」模式。另外不要在封面里放太小的文字(字号低于 24px),压缩后容易看不清。
手机端和电脑端看到的封面不一样?该怎么对齐?
是的,PC 端显示 16:9 完整封面,手机端(竖屏)会截取中间方形区域(约 1:1 比例),手机端推荐图则截取更窄的横条。本工具模板已标注三个安全区:外框(1146×717)对应 PC 完整显示,内框(约 800×800 居中区域)对应手机端可见范围,最内横条(约 1146×450 居中)对应推荐流缩略图。将标题和视觉重点放在最内横条内,人物面部放在居中 800×800 区域。
这个封面工具和Canva、PS有什么区别?为什么用这个?
Canva 和 PS 是通用设计软件,模板需要手动调整尺寸和比例,新手容易搞错安全区。本工具是专为B站封面定制的轻量工具:打开即用,模板已内置 1146×717 尺寸和三个端的安全标注线,导出时自动裁剪到正确比例,不需要手动设置画布。适合快速出图(1-2 分钟完成),但功能上不如 Canva 丰富(无贴纸、特效库)。如果只是做封面,这个更省时间。
工具里的模板能用吗?有没有版权问题?
本工具提供的模板(背景、文字排版、标注框)均为通用几何图形和排版参考,不包含第三方版权素材(如动漫角色、明星照片、品牌 Logo)。模板本身可自由使用。但如果用户自行上传图片素材(如从网上下载的动漫截图、影视剧照),需自行确认素材版权。建议使用自己拍摄或购买的免版权图库(如 Unsplash、Pixabay)素材。
我上传的图片会留在服务器上吗?隐私安全吗?
所有图片处理完全在浏览器本地完成(JavaScript + Canvas API),图片不会上传到任何服务器。可以断网后打开工具验证:上传图片、调整模板、导出封面,整个过程不需要网络连接。关闭页面后浏览器缓存中的临时数据也会自动清除。没有账号系统,也不记录任何操作日志。
为什么我导出的封面在B站上传时提示「图片格式不支持」?
本工具默认导出 PNG 格式,B站支持 PNG 和 JPG 格式。如果提示不支持,可能是文件过大(B站限制单张封面不超过 5MB)。建议在工具内导出时选择 JPG 格式(质量 90% 即可),文件大小通常在 200KB-1MB 之间。另外检查文件扩展名是否为 .png 或 .jpg,浏览器有时会默认保存为 .webp 格式,手动改为 .jpg 即可。
做B站封面,文字放哪里最安全?
文字(标题、副标题)建议放在封面中心偏下位置,距离底部边缘至少 100 像素,距离左右边缘至少 50 像素。因为手机端会裁切上下部分,顶部 150 像素和底部 150 像素区域在竖屏推荐流中可能被遮挡。本工具模板中已用浅色半透明区域标注了文字安全区,将文字框拖到该区域内即可。字体大小建议主标题 48px 以上,副标题 28px 以上。
选择 打开 +新窗口 esc关闭