跳到主内容
UniKit

短视频封面分割

把一张长图按像素精确切成抖音/TikTok 主页封面所需的若干格,给出每格的裁剪矩形与上传顺序,可选按 3:4 等比填充避免拉伸。

浏览器本地运行所有计算都在你的浏览器里完成,数据不会离开本机。

源图尺寸(宽x高)

裁剪方案

含每格裁剪矩形与上传顺序。

输入源图尺寸后即可计算

源图宽: 0 · 源图高: 0 · 格数: 0 · 基准格宽: 0

这个工具能做什么

  • 做主页三格封面:先把长图切成三格,按给出的 x/y/宽/高在画布或脚本里裁切后逐张上传。
  • 避免封面拉伸:开启等比填充并按 3:4 裁切,主页预览不会被压扁。
  • 批量生产封面:把裁剪矩形喂给 Canvas 或 ImageMagick,一次生成整套素材。
  • 核对尺寸:宽度校验行会显示各格宽度相加是否等于原图宽,防止算出 1079 这种丢像素的结果。

示例

输入

1080x1920

输出

源图尺寸:1080 × 1920 像素
切成 3 格:每格宽 360 像素(余数 0 分给最左边几格)
宽度校验:360 + 360 + 360 = 1080
各格裁剪矩形(按此顺序上传):
  第 1 格:x=0 y=720 w=360 h=480 中心 (180, 960)
  第 2 格:x=360 y=720 w=360 h=480 中心 (540, 960)
  第 3 格:x=720 y=720 w=360 h=480 中心 (900, 960)
等比填充:每格按 3:4 居中裁切,避免主页预览被拉伸变形。
封面总像素:2073600(2.07 MP)

每格宽度按 ⌊宽 ÷ 格数⌋ 分配,余数依次补给最左边几格,保证不丢像素。

常见问题

为什么不能简单地按「宽 ÷ 格数」切?

因为除不尽。1080 ÷ 3 正好是 360,但 1000 ÷ 3 是 333.33,直接取整会丢 1 个像素。工具的做法是 base = ⌊宽 ÷ 格数⌋,余数依次分给最左边几格:1000 分 3 格就是 334 + 333 + 333 = 1000,并在「宽度校验」行里回显。

等比填充是做什么的?

主页封面每格有固定的显示比例(常见 3:4)。如果直接按整高裁切,上传后平台会拉伸变形。开启等比填充后,工具会在每格内居中裁出符合目标比例的矩形(例如 1080×1920 切 3 格按 3:4 会得到 360×480 的居中区域),保证不变形。

支持几格?

1 到 6 格,默认 3 格(抖音/TikTok 主页常见三格拼图)。格数超过 6 会直接报错,因为再细分每格在手机上已经看不清。

裁剪矩形怎么用?

x/y 是左上角坐标,w/h 是宽高,单位都是像素。Canvas 里用 ctx.drawImage(img, x, y, w, h, 0, 0, w, h),命令行用 magick input.png -crop WxH+X+Y out.png,结果一一对应。

源图尺寸怎么写?

写成「宽x高」,例如 1080x1920,也接受 × 和逗号分隔。尺寸范围是 30–20000 像素,太小或太大都会报错,避免生成无意义的封面。

会上传图片吗?

不会。本工具只做尺寸计算,输出的是裁剪坐标;真正的裁切由你在本地画布或脚本里完成,图片不会离开设备。

关键词:短视频封面封面分割抖音封面TikTok封面主页拼图image split裁剪矩形

同类工具