抖音新号首条视频
新号第1条视频，封面必须在一屏内传递“我是谁、讲什么、值得看”。用本工具在9:16画布上叠好标题字和主体图，文字大小和位置能直接预览最终效果，避免发布后文字被底部进度条遮挡或被系统裁掉。封面定稿后，新号的第一印象不再是模糊的截图，而是有辨识度的品牌画面。
实时预览1080 × 1920
纯本地：背景与文字全程在浏览器 Canvas 合成，原图绝不上传服务器。
标题中用 【关键词】 包裹即自动高亮，导出含完整背景且不含安全区参考线，关闭页面即清空。
尺 寸Size
版 式 预 设Layout
背 景Background
拖入 / 点击 / 粘贴背景图
cover 填充 · 可在预览中拖动调位
安 全 区 参 考 线Safe Zone
抖音会在视频上叠加 UI：右侧点赞/评论/分享图标列、底部文案与进度条、顶部关注/搜索栏。请把重要文字放在参考线圈出的安全区内，别被遮挡。
封 面 文 字Text · 可多块
当 前 文 字Properties
未选中文字块 · 点上方文字条或新增一个
输 出Export
就绪 · 改文字、选背景、拖拽定位
第一节
关于本工具
About在抖音发视频，封面截取总是卡在9:16比例之外，要么被裁掉关键构图，要么手动拉伸变形。这个工具直接把任意图片裁成抖音竖版封面，并允许在指定位置叠加文字——输入图片、选好文字内容和位置，一次生成。所有处理在浏览器本地完成，图片不上传服务器。
使用场景
电商直播切片封面
昨晚直播间卖爆的款，今天上午要出3条切片。每条封面必须突出不同的卖点：价格、库存、使用效果。用本工具把直播截图裁成9:16，再分别叠上“限时价59”“仅剩20单”“亲测不沾锅”三组文案，字体和颜色保持一致，让封面看起来像同一套素材，而不是三个主播拼凑的截图。
课程预告封面组
知识付费博主一次性要出下周一至周五的5条预告视频。每条封面要统一风格，但标题不同。用本工具先定好底图和标题框位置，再逐条替换文字，5张封面从制作到导出只用15分钟。如果手动用设计软件，光调字体对齐和边距就要花掉一上午。
活动倒计时封面
距离618大促还有7天，每天发一条倒计时视频。封面需要每天更新数字，但背景和排版不变。用本工具替换封面上的日期文案，每次导出只需30秒。相比重新做图，省掉了重复选字体、调大小、对齐的步骤，而且数字位置固定，不会出现每天字体上下偏移的情况。
影评号统一封面规范
影评账号每周出3条视频，之前每期封面字体、颜色、位置都不一样，导致主页看起来杂乱。用本工具先做一张模板：顶部放电影名，底部放评分和一句话短评，中间留白给电影海报。之后每期只换海报和文字，导出时自动保持所有元素对齐，主页封面从此像杂志目录一样整齐。
第二节
使用指南
Getting Started使用步骤
- 1上传一张 9:16 比例的图片（建议分辨率 1080×1920），预览区立即显示封面缩略图
- 2在文字输入框键入封面标题（限 20 字内），文字自动叠加到图片底部并实时渲染
- 3拖动文字位置滑块（0-100%），调整文字与底边的距离，预览区同步更新
- 4点击「保存封面」按钮，浏览器直接下载合成后的 9:16 封面图片（PNG 格式）
输入输出示例
| 输入 | 输出 | 说明 |
|---|---|---|
| 视频标题：春日踏青Vlog 副标题：记录2024第一场野餐 字体：思源黑体 字号：标题40px，副标题28px 文字颜色：#FFFFFF 背景颜色：#4CAF50 文字位置：居中偏下 | 生成一张9:16比例（1080×1920px）的封面图，背景为绿色渐变，标题「春日踏青Vlog」以白色思源黑体40px居中显示于画面中下部，副标题「记录2024第一场野餐」以28px紧随其后，整体视觉清爽，适合短视频平台发布。 | 常规：最常见的封面制作需求——视频标题+副标题+品牌色，验证基础排版和颜色渲染是否准确。 |
| 视频标题：游戏实况 字体：阿里巴巴普惠体 字号：36px 文字颜色：#FF4500 背景颜色：无（透明） 文字位置：顶部 | 生成一张9:16比例（1080×1920px）的封面图，背景为透明（PNG格式），标题「游戏实况」以橙色阿里巴巴普惠体36px显示于画面顶部，其余区域透明，方便叠加到游戏截图上。 | 常规：透明背景场景——用户需要将文字直接叠加到已有图片上，验证透明PNG输出和顶部对齐功能。 |
| 视频标题： （空字符串） 字体：默认 字号：默认 文字颜色：#000000 背景颜色：#FFFFFF 文字位置：居中 | 生成一张9:16比例（1080×1920px）的纯白色封面图，无任何文字内容。 | 边界：空标题输入——工具应输出纯色背景图而非报错或崩溃，适合用户先做背景再后期添加文字。 |
| 视频标题：这是一段超长标题测试工具是否会自动换行或截断，我们来看看效果如何 字体：微软雅黑 字号：24px 文字颜色：#333333 背景颜色：#F0F0F0 文字位置：居中 | 生成一张9:16比例（1080×1920px）的封面图，背景为浅灰色，标题文字以24px微软雅黑居中显示，因长度超出画面宽度，文字自动换行为两行，第二行完整显示剩余内容，无截断。 | 边界：超长标题自动换行——验证工具对长文本的排版能力，避免文字溢出画面或直接截断。 |
| 视频标题：测试 字号：200px 文字颜色：#FF0000 背景颜色：#000000 文字位置：左上角 | 生成一张9:16比例（1080×1920px）的封面图，背景为黑色，标题「测试」以红色200px字号显示于左上角，文字部分超出画面左边缘和上边缘，仅显示右下部分。 | 边界：超大字号导致文字溢出——验证工具是否对字号上限做限制或提示，以及溢出部分的渲染行为（裁剪/缩放/报错）。 |
| 视频标题：我的第一支抖音 字体：华文行楷 字号：30px 文字颜色：#FFFFFF 背景颜色：#FF69B4 文字位置：底部 | 生成一张9:16比例（1080×1920px）的封面图，背景为粉色，标题「我的第一支抖音」以白色华文行楷30px显示于画面底部，字体为书法风格，适合个人生活类视频。 | 易错：特殊字体（华文行楷）——用户可能误以为所有字体都能正常显示，实际需依赖浏览器或系统字体库，若缺失则回退为默认字体，此处验证回退行为。 |
| 视频标题：2024/05/20 更新 字号：28px 文字颜色：#00FF00 背景颜色：#2E2E2E 文字位置：右下角 | 生成一张9:16比例（1080×1920px）的封面图，背景为深灰色，标题「2024/05/20 更新」以绿色28px显示于右下角，日期格式原样保留，未自动格式化。 | 易错：特殊字符（斜杠）——验证工具是否对输入内容做任何转义或过滤，确保斜杠、日期格式等原样输出。 |
常见错误对照
1.封面文字超出画面可见区域
✗ 错误
输入文字：这是一段非常长的抖音封面标题文字内容，用来测试超出边界的情况✓ 修复
输入文字：抖音封面标题（控制在15字以内）抖音封面为9:16竖屏，文字区域有限。过长文字在生成时会被截断或缩小到不可读，影响封面效果。建议标题不超过15个中文字符。
2.背景图片分辨率过低导致封面模糊
✗ 错误
上传一张 320×240 像素的图片作为封面背景✓ 修复
上传一张 1080×1920 像素的图片作为封面背景抖音封面推荐分辨率为 1080×1920（9:16）。低分辨率图片拉伸后会产生马赛克或模糊，降低视频专业度。
3.文字颜色与背景色冲突导致无法辨识
✗ 错误
白色背景上使用白色文字，或深色背景上使用黑色文字✓ 修复
浅色背景使用深色文字（如黑色、深蓝），深色背景使用浅色文字（如白色、亮黄）文字可读性是封面设计的基础。高对比度颜色组合确保文字在任何设备上都能清晰辨识，避免用户因看不清而划走。
4.文字位置过于靠近封面边缘
✗ 错误
将文字放在封面最顶部或最底部边缘位置✓ 修复
将文字放在封面中间偏上或偏下区域，保留至少 10% 边距抖音在推荐流中会裁剪封面边缘（安全区域外），且部分设备屏幕比例不同。边缘文字可能被系统UI或裁剪遮挡。
5.使用特殊字体或表情符号导致显示异常
✗ 错误
输入文字：🔥🔥🔥 限时特惠！🎉🎉🎉（使用系统不支持的字体）✓ 修复
输入文字：限时特惠（使用工具支持的常规字体）抖音封面文字渲染依赖系统字体库。特殊字体或部分Unicode表情在不同设备上可能显示为方框或乱码，影响视觉效果。
6.封面图片内容与视频主题无关
✗ 错误
美食视频使用风景照作为封面✓ 修复
美食视频使用菜品特写或烹饪过程截图作为封面封面是用户点击的第一触点。不相关的封面会降低点击率，且平台算法可能因内容不一致而减少推荐。
7.封面文字堆砌过多信息
✗ 错误
输入文字：第1集 | 新手必看 | 零基础教程 | 每天更新 | 关注不迷路✓ 修复
输入文字：零基础教程（第1集）封面空间有限，过多文字会显得杂乱且难以阅读。聚焦核心卖点（如教程系列名+集数），其他信息放在视频描述中。
第三节
工作原理
How It Works核心公式
画布宽度 = 视频宽度 × (9 / 16) × (封面高度 / 视频高度)
变量说明
视频宽度原始视频的像素宽度视频高度原始视频的像素高度封面高度目标封面的像素高度（如 1920）
示例
视频分辨率 1080×1920（9:16），封面高度设为 1920 px：画布宽度 = 1080 × (9/16) × (1920/1920) = 1080 × 0.5625 = 607.5 px。工具将视频等比例缩放至宽度 607.5 px、高度 1920 px，居中裁剪或填充后生成 9:16 封面。
用户输入
本地处理
输出结果
第五节
常见问题
Q & A问这个封面工具生成的图片尺寸是多大？我发抖音会不会被裁剪？＋
答
工具默认输出 9:16 竖屏比例，具体像素尺寸为 1080×1920，这是抖音视频封面的标准尺寸。上传到抖音后，封面会完整显示，不会被裁剪。如果输入的图片本身不是 9:16，工具会自动居中裁剪或留白填充，建议上传前自己裁好，避免重要内容被切掉。
问为什么我加的文字在手机上看起来特别小？＋
答
文字大小受两个因素影响：你设置的字体大小和图片本身的分辨率。工具默认字体大小是相对值，如果你上传的图片分辨率较低（比如 720p），同样字号在手机上看会偏大；反之如果上传 4K 图片，文字会显得小。建议上传 1080×1920 的图片，字体大小设在 40-60 之间，这样在手机上预览效果最接近实际发布效果。
问我上传了图片，但预览一直转圈不出来，怎么回事？＋
答
这个工具是纯浏览器端处理（FE），不依赖服务器，所以卡住通常是本地原因。最常见的是图片太大（超过 10MB），浏览器处理吃力。建议压缩到 2MB 以内再上传。其次检查浏览器是否过旧，推荐用最新版 Chrome 或 Edge。如果图片格式是 WebP 或 HEIC，部分旧浏览器不支持，先转成 JPEG 或 PNG 再试。
问工具里的文字能换字体吗？我想用抖音上那种花体字。＋
答
目前工具仅支持系统默认字体（通常是思源黑体或微软雅黑），不支持上传自定义字体或选择花体字库。原因是纯浏览器端处理自定义字体需要加载额外字体文件，会大幅拖慢生成速度。如果你需要特殊字体，建议先用其他工具生成带文字的图片，再上传到这里加封面边框和比例调整。
问生成的封面保存后，画质好像变差了，是工具压缩了吗？＋
答
工具不会主动压缩画质，输出的 PNG 或 JPEG 都是原分辨率。如果你感觉变模糊，可能是两个原因：一是预览时浏览器自动缩放了显示，保存时才是原图；二是手机相册看图时默认开启了「优化存储」或「节省空间」模式，实际原图是清晰的。建议保存后通过文件信息查看实际像素尺寸是否还是 1080×1920。
问这个工具和剪映自带的封面编辑有什么区别？哪个更好用？＋
答
剪映的封面编辑功能更全，支持贴纸、滤镜、多图层，但操作路径长，需要先导入视频再进封面编辑。本工具专注「9:16 封面+文字」这一件事，打开网页就能用，适合快速出图。如果你只需要加一句话标题和保持比例，这个更快；如果需要复杂排版或特效，还是剪映更合适。
问我上传的是透明背景的 PNG，生成后背景变成白色了，能保留透明吗？＋
答
不能。工具输出的封面格式是 JPEG 或带白色背景的 PNG，因为抖音封面本身不支持透明背景（视频封面底层默认是白色或黑色）。即使输出带透明通道的 PNG，上传到抖音后也会被自动填充为黑色。所以建议上传前自己给透明图层加一个纯色背景（比如白色或品牌色），这样最终效果更可控。
问为什么我调整文字位置时，预览和实际生成出来的位置不一样？＋
答
预览时文字位置是相对图片比例实时渲染的，但生成最终图时，如果图片尺寸不是标准 1080×1920，工具会先做裁剪或缩放，导致文字坐标偏移。解决方法：上传前把图片裁剪成 9:16 比例（比如用手机相册的裁剪功能），再上传到工具。这样预览和生成结果完全一致。
隐私保证所有计算与处理均在你的浏览器本地完成，输入数据不会上传服务器，也不会保存或共享。