三联屏封面生成

工具介绍

一款纯前端、本地化的三联屏封面制作工具。支持将一张横版图片智能切割为左、中、右三屏，并分别在三屏上独立添加和编辑标题、副标题与备注文字。所有文字均可通过鼠标拖拽调整位置，方便避开人物或关键元素。工具内置“抖音/视频号 9:16”与“小红书 3:4”两种主流平台比例，并支持主标题、副标题、备注文字的大小、颜色及阴影独立设置。导出的三张图片即为可直接使用的视频封面，无任何遮挡。

使用说明

上传图片：点击或拖拽上传一张横版图片（建议宽度不低于1200px的16:9图片，以获得最佳分割效果）。

选择平台：在“目标平台”处，根据需求选择“抖音/视频号 9:16”或“小红书 3:4”。

编辑文案：分别在“左块”、“中块”、“右块”区域，输入或修改对应的主标题、副标题和备注文字。

调整样式：

通过“主大小”、“副大小”、“备注大小”调整三类文字的字体大小。

点击颜色预览方块，分别为三类文字选择颜色。

勾选“阴影”可为所有文字添加黑色描边，提升在复杂背景下的可读性。

拖拽微调：在预览区的三个画布上，直接用鼠标拖拽文字，将其移动到该屏画面中的合适位置，避免遮挡画面主体。

导出封面：点击“导出封面”按钮，浏览器将自动生成并分别下载左、中、右三张PNG图片，可直接用于上传发布。

更新说明

4.03 更新 v2.0

新增：整体背景拖拽移动

新增：字体选择与系统字体支持

新增：文字选中高亮与状态提示

新增：选项卡式布局

新增：PC端横排文字输入

新增：响应式预览块尺寸

新增：拖拽交互优化

新增：临时状态提示

修复与改进

修复了移动端预览区滑动时误触发拖拽的问题

优化了文字阴影渲染性能

导出图片时完整保留字体设置（包括系统字体）

调整了安全区半透明遮挡层的显示样式，更清晰标注边界

若干 UI 细节微调（按钮圆角、间距、颜色对比度）