视频工具 · 9 宫格 / 拼接

视频 9 宫格预览

contact sheet/等距抽帧合成预览图

本地处理 · 不上传 免费 · 无需登录 无次数限制 累计 62 次使用
等距抽帧 · Canvas 本地合成 · 不上传服务器
点击选择 / 拖拽视频文件 contact sheet · 在浏览器内抽帧合成预览图,文件不离开本机
抽帧中…0 / 0

选择一段视频,按网格格数在时长内等距抽帧,
合成为一张 contact sheet 预览图。

就绪 · 选择视频后生成预览图
第一节

关于本工具

About

拿到一段长视频,想快速浏览全片内容,一帧帧拖拽太慢。这个工具把视频按时间等距抽帧,拼成一张9宫格预览图,一眼扫完关键画面。内容创作者做封面选图、剪辑师挑素材、运营人员审片前快速过内容都用得上。处理在浏览器本地完成,视频不上传服务器,适合涉及隐私素材或大文件场景。

使用场景

面试素材对比

剪辑师在制作艺人面试片段时,需要从 3 小时原始素材中快速选出 5 段表情、光线、构图都达标的镜头。手动拖拽时间轴逐帧预览至少花 20 分钟,且容易因视觉疲劳漏掉好镜头。用本工具将整段素材等距抽帧合成一张 9 宫格预览图,一眼扫完 3 小时的关键帧,直接在图上圈定候选片段的时间点,选片效率从 20 分钟压缩到 3 分钟。

网课切片质检

在线教育机构每周产出 40 节录播课,质检员需逐一检查每节课是否出现黑屏、卡顿、字幕错位。逐帧播放 45 分钟课程检查一个片段就要 5 分钟。将课程视频导入本工具,等距抽帧生成 9 宫格预览,每格对应一个时间段的画面概况,黑屏或花帧在缩略图中一目了然,整节课的视觉异常排查从 5 分钟降至 15 秒。

监控回放初筛

物业保安在深夜接到业主投诉,称凌晨 2 点到 3 点之间有可疑人员在地下车库徘徊。8 个摄像头共 8 小时录像,逐段快进查看至少 40 分钟。用本工具将每段录像等距抽帧生成 9 宫格预览,每个缩略图代表该时段内 12 秒的画面,人形轮廓在格子中清晰可辨,5 分钟即可锁定可疑人员出现的具体摄像头和时间段,再调取对应片段细看。

短视频封面筛选

自媒体运营者拍摄了一条 15 秒的宠物跳舞视频,需要从中截取一帧作为抖音封面。视频中猫的动作在 0.3 秒内变化一次,手动逐帧翻找往往错过耳朵竖起的可爱瞬间。用本工具将 15 秒视频等距抽帧为 9 张缩略图,猫的每个关键姿态(跳跃、歪头、张嘴)都呈现在格子中,直接选中表情最好的那一帧下载,封面定稿从 3 分钟缩短到 10 秒。

直播回放高光定位

游戏主播在 4 小时直播中打出了一次五杀,粉丝要求剪辑出这段高光。在回放中手动拖动进度条找那 30 秒高光,因为直播时长长、画面节奏快,经常拖过头或漏掉。用本工具将整场回放等距抽帧生成 9 宫格预览,每个格子代表约 27 分钟的画面摘要,五杀瞬间的击杀图标在缩略图中明显区别于普通对线画面,一眼定位到包含高光的时段,再精准截取。

第二节

使用指南

Getting Started

使用步骤

  1. 1上传视频文件,支持 mp4、mov、avi 格式,大小不超过 200MB
  2. 2在「抽帧间隔」输入框中设置秒数(如 30),决定每张截图的时间间距
  3. 3点击「生成预览」按钮,页面显示处理进度条,完成后自动展示 9 宫格合成图
  4. 4右键点击预览图选择「另存为」,或点击下方「下载」按钮保存 PNG 文件

输入输出示例

输入输出说明
https://example.com/sample.mp4(时长 30 秒,分辨率 1920×1080)生成 3×3 九宫格预览图(每格为第 3、6、9、12、15、18、21、24、27 秒的帧,按行排列)常规:标准时长视频,等距抽帧 9 张,验证基础功能是否按时间均匀分布
https://example.com/short.mp4(时长 5 秒,分辨率 640×480)生成 3×3 九宫格预览图(每格为第 0.56、1.11、1.67、2.22、2.78、3.33、3.89、4.44、5.00 秒的帧)边界:视频时长不足 9 秒,工具自动将总时长等分为 9 段,每段取中间帧,验证小数秒处理
https://example.com/vertical.mp4(时长 60 秒,分辨率 1080×1920,竖屏)生成 3×3 九宫格预览图(每格为第 6.67、13.33、20、26.67、33.33、40、46.67、53.33、60 秒的帧,保持竖屏比例)常规:竖屏视频,验证输出图片是否保持原始宽高比,不拉伸变形
https://example.com/static.mp4(时长 120 秒,全黑画面,无动态内容)生成 3×3 九宫格预览图(9 帧均为纯黑画面)边界:视频内容无变化,验证抽帧逻辑是否仍正常执行,不因画面相同而跳过或报错
https://example.com/corrupt.mp4(文件损坏,无法解码)返回错误提示:无法解析视频文件,请检查文件是否完整易错:用户可能上传损坏文件,验证工具是否有明确的错误反馈,而非静默失败
https://example.com/ultrawide.mp4(时长 45 秒,分辨率 3840×1600,超宽屏)生成 3×3 九宫格预览图(每格为第 5、10、15、20、25、30、35、40、45 秒的帧,按超宽比例缩放至预览图内)常规:非常规宽高比,验证工具是否支持任意分辨率,不裁剪或黑边
https://example.com/zero_duration.mp4(文件元数据中时长为 0 秒)返回错误提示:视频时长无效,无法进行抽帧易错:异常元数据可能导致除零或无限循环,验证工具是否优雅处理

常见错误对照

1.输入视频时长过短,抽帧不足 9 张

✗ 错误上传一段 2 秒的视频,期望生成 9 宫格预览
✓ 修复上传时长 ≥ 9 秒的视频(或确保总帧数 ≥ 9 帧)

工具按等距抽取 9 帧,若视频总帧数 < 9,FFmpeg 会重复使用已有帧或报错,导致预览图出现重复画面或失败。

2.输入了非视频文件(如图片或音频)

✗ 错误上传 .mp3 或 .jpg 文件到工具
✓ 修复仅上传 .mp4 / .mov / .avi / .webm 等视频格式

FFmpeg 对非视频流输入无法提取帧序列,会直接返回错误码或输出空白结果。工具后端 Go 处理时也会因流检测失败而拒绝。

3.视频分辨率极低(如 144p),预览图模糊

✗ 错误上传 160×120 像素的视频,期望清晰缩略图
✓ 修复使用分辨率 ≥ 480p 的视频,或工具自动放大时接受模糊

抽帧后每张缩略图尺寸固定(如 320×240),源分辨率过低时放大导致马赛克,这是图像插值的物理限制,非工具 bug。

4.视频编码不被浏览器或 FFmpeg 支持

✗ 错误上传 .mkv 文件(H.265 编码)到纯浏览器 WASM 模式
✓ 修复使用 H.264 编码的 .mp4 文件,或切换到后端 Go 处理模式

浏览器 WASM 版 FFmpeg 依赖 WebCodecs,对 H.265/VP9 等编码支持有限;后端 Go 版则依赖系统安装的 FFmpeg 库,兼容性更广。

5.视频包含旋转元数据,预览图方向错误

✗ 错误用手机竖屏拍摄的视频,预览图显示为横屏
✓ 修复上传前用 FFmpeg 命令 `ffmpeg -i in.mp4 -metadata:s:v rotate=0 out.mp4` 去除旋转元数据

FFmpeg 抽帧默认不自动应用旋转元数据(需 -noautorotate 标志),导致缩略图方向与播放器显示不一致。工具若未加该标志则出现此问题。

6.视频文件过大,浏览器内存溢出

✗ 错误上传 4K 分辨率、10 分钟、1GB 的视频到纯浏览器模式
✓ 修复使用后端 Go 处理模式,或先压缩视频(如 `ffmpeg -i in.mp4 -vf scale=1280:720 out.mp4`)

WASM 版 FFmpeg 在浏览器中运行,受限于 Tab 内存(通常 2-4GB),大视频解码时易触发 OOM。后端 Go 模式无此限制。

7.期望预览图包含字幕或水印,但源视频无内嵌

✗ 错误上传无字幕的 .mp4,抱怨预览图没有文字
✓ 修复确保视频已硬编码字幕(burn-in),或使用工具独立添加水印功能

抽帧只提取原始视频帧,不叠加外部字幕轨道。若需字幕,必须先用 FFmpeg 将字幕烧录到视频流中(如 `-vf subtitles=sub.srt`)。

第三节

工作原理

How It Works

核心公式

每帧间隔 = 视频总时长 ÷ (9 + 1)

变量说明

  • 视频总时长视频总时长,单位秒
  • 每帧间隔相邻两帧之间的时间间隔,单位秒

示例

一段 30 秒的视频,总时长 = 30 s。每帧间隔 = 30 ÷ (9 + 1) = 30 ÷ 10 = 3 s。工具从第 3 s 开始抽取第 1 帧,然后每隔 3 s 抽取下一帧,共抽取 9 帧,覆盖视频 3 s 至 27 s 区间,两端各留 3 s 余量。

上传视频文件FFmpeg 抽帧(等距取 9 帧)合成 3×3 网格(contact sheet)输出预览图(PNG / JPG)参数调整(帧数 / 尺寸)
用户输入 FFmpeg 处理 合成输出 最终结果
第五节

常见问题

Q & A
上传的视频最多能多长?太长会不会生成失败?

本工具对视频时长没有硬性上限,但时长越长,FFmpeg 抽帧和合成预览图的时间就越长,浏览器等待超时的风险也越大。建议单视频控制在 30 分钟以内;超长视频(如 2 小时)可先分段再分别生成,或手动截取关键片段后再上传。处理时间主要取决于视频码率和服务器负载,与时长不成严格线性关系。

生成的九宫格图里,每一格是视频里第几秒的画面?

工具默认将视频总时长等分为 9 段,取每段中间帧作为预览格。例如一个 90 秒的视频,9 格分别对应第 5、15、25、35、45、55、65、75、85 秒左右的画面。如果视频很短(如 9 秒以下),每格间隔会小于 1 秒,可能出现相邻格画面几乎一样的情况。

为什么我传了一个横屏视频,出来的九宫格图是竖的?

九宫格预览图的整体比例由视频原始宽高比和排列方式共同决定。工具默认按 3×3 网格排列,每个缩略图保持原视频比例。如果视频是 16:9 横屏,3 行缩略图叠起来高度会大于宽度,最终图就是竖长条。如需方形缩略图,可先用工具页上的「裁剪比例」选项强制统一缩略图尺寸。

这个工具是把视频上传到服务器处理吗?会不会泄露隐私?

是的,视频文件会上传到后端服务器,由 FFmpeg 处理完成后返回预览图,服务器不保留源文件。处理完毕后台自动删除原始视频和中间产物,不会用于任何其他目的。如果视频包含敏感内容,建议先使用视频编辑软件去掉敏感信息再上传,或使用纯浏览器端(WASM 版)的同功能工具。

生成的九宫格图能直接下载吗?分辨率是多少?

预览图生成后页面会显示结果,下方有「下载图片」按钮,点击即可保存为 PNG 格式。最终图片的分辨率由原始视频尺寸和每格大小决定:例如 1920×1080 的视频,每格缩略图设为 320×180,3×3 网格加间距,最终图大约 1000×600 像素左右。如果需要更高清的预览图,可以在生成前调整「缩略图尺寸」参数。

我传了 MP4 格式,但提示「不支持的文件类型」,怎么回事?

本工具基于 FFmpeg,理论上支持绝大多数常见视频格式(MP4、MOV、AVI、MKV、FLV、WebM 等)。如果 MP4 被拒,最常见原因是文件扩展名与实际编码不匹配(例如实际是 H.265 编码但标了 .mp4),或文件已损坏。建议先用播放器确认视频能正常播放,然后尝试将文件重命名为 .mp4 或 .mov 再上传。

手动截图做九宫格和用这个工具自动生成,差别大吗?

手动截图可以精确选择每一格的画面内容,但操作繁琐:需要逐帧定位、截取、裁剪、拼图,一个 10 分钟视频大约耗时 15-20 分钟。本工具自动等距抽帧,30 秒内出结果,适合快速浏览视频概览、做课程大纲缩略图或视频封面素材。如果对每格画面有严格要求(如必须包含特定文字或人物),手动更可靠;如果只是要概览,自动生成效率高得多。

为什么生成的九宫格图里有些格子是黑屏或全绿?

这通常是视频本身在那些时间点存在黑场、转场或故障帧。FFmpeg 按时间戳取帧,不会跳过内容为空的片段。如果黑屏格子集中在开头或结尾,可能是视频头尾有黑场;如果随机分布,可能是视频编码有跳帧或损坏。建议先用播放器快进检查对应时间点,确认是源文件问题后重新压制视频再上传。

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

选择 打开 +新窗口 esc关闭