大多数人理解的「图片分割」就是把一张图平均切成几块。但实际上,不同目的需要完全不同的切割策略 —— 切九宫格发朋友圈、切长图发小红书、切形状做头像,这三件事的做法毫无共同点。
这篇按「你要解决什么问题」来组织,列出六类最常用的分割技巧、各自适用场景,以及操作时的关键参数。
一、等分切割:最基础,但不只会切方块
适用场景
- 把一张图均匀分成 N 份,每份内容相对独立
- 把长图切成多张便于上传(解决平台压缩问题)
- 制作拼图素材、印刷拆分
操作要点
- 方向选择:横向长图用水平分割线,竖向长图用垂直分割线
- 份数:不是越多越好。先算一下每块的最终尺寸 —— 原图 1080 宽切成 3 份,每块只有 360 宽,上传后大概率会糊
- 余数处理:原图尺寸不能被份数整除时,最后一块会小几像素。对精度要求高的场景(如拼回原图),先调整原图尺寸到能被整除
什么时候改用不等分
如果画面里有明确的主体,等分切割很可能把主体一刀切两半。改成手动拖动分割线,让主体完整落在一块里,其他块分剩余空间。这是提升观感最省力的一招。
二、九宫格(3×3):为社交平台而生
适用场景
- 小红书 / 朋友圈九宫格 —— 拼合后形成完整画面
- 产品多角度展示 —— 九块放九个角度
操作要点
- 必须先裁成 1:1。直接切非正方形图,每块会是长条,观感变形
- 命名带补零序号:
01到09,避免排序错乱 - 注意发布顺序:小红书是后传的排前面,需倒序上传
- 原图分辨率要求:至少 1800 × 1800,保证每块 ≥ 600 px
完整步骤和构图选择见九宫格切图完全教程。
三、曲线分割:让切口「消失」
适用场景
- 把一张图分成两块,但希望切口自然(如撕纸效果、不规则分界)
- 设计类排版 —— 曲线分界比直线更有设计感
- 沿主体轮廓切分(如沿着地平线、山脉走向)
操作要点
- 先想清楚分几块。曲线分割通常是「一笔画」分成上下(或左右)两块,不是切成网格
- 闭合方式:曲线两端会延伸到画布边缘。要保证曲线起点和终点都在边缘,否则分割区域不封闭
- 平滑度:曲线由多个锚点构成,锚点越密曲线越贴合手绘轨迹,但也可能更抖。画完后用平滑处理
- 边缘抗锯齿:导出时务必开启抗锯齿,否则曲线边缘会有明显锯齿
一个典型用法
把一张风景图沿山脊线切开,上半部分做天空背景,下半部分做前景。这种切法用直线完全做不出来。
四、形状框选:抠出特定轮廓
适用场景
- 头像 / 图标 —— 圆形、圆角矩形、菱形
- 设计元素 —— 爱心、星形、多边形等装饰性裁切
- 统一视觉规范 —— 一批图都裁成同一种形状
操作要点
- 形状外的区域必须透明 → 只能导出 PNG 或 WebP,JPG 不支持透明(透明区会被填成黑色或白色)
- 主体居中:形状越小,安全区越窄。圆形裁切时把主体放在正中心,四周留出足够余量
- 抗锯齿:形状边缘是最容易出锯齿的地方,必须开启
- 圆角半径:圆角矩形的圆角半径建议在短边的 8%–15% 之间,太小看不出来,太大接近椭圆
常见形状清单
矩形、圆角矩形、椭圆、菱形、三角形、五角星、爱心、六边形、八边形、花瓣形、月牙、十字、箭头、对话框气泡等 —— 形状框选的价值在于批量统一:一批图套用同一形状,视觉就自动一致了。
五、平台画幅裁切:按目标尺寸反推
适用场景
- 为特定平台准备图片(小红书 3:4、公众号 2.35:1、电商 1:1)
- 一稿多投,需要从一张母版导出多个比例变体
操作要点
- 裁切 ≠ 变形。正确做法是「按比例裁掉多余部分」,而不是把图拉伸到目标比例(会变形)
- 可拖动调整:好用的工具会让你在裁切框内拖动画面,决定保留哪部分,而不是固定居中
- 模板 vs 自定义:平台模板省事,但遇到非标准比例时用自定义宽高比更灵活
- 输出像素:裁完比例后,还要设定输出像素(如 1080 × 1440)。比例和像素是两件事,都要设
fit 与 cover 的区别
缩放到平台标准像素时通常有两种方式:
- cover(填充):缩放到完全填满目标尺寸,超出部分裁掉。不产生空白,但会损失边缘内容
- fit(适应):缩放到完整放入目标尺寸,可能有空白边。内容完整,但需要补背景色
电商主图用 cover(不允许空白),需要保留完整内容的用 fit + 背景色。
各平台具体尺寸见小红书尺寸攻略、公众号配图指南、电商主图规范。
六、批量处理:一套参数,多张图
适用场景
- 一批图统一裁成同一比例 / 尺寸
- 电商多 SKU 图片处理
- 系列内容(如一周的九宫格素材)
前置条件(非常重要)
所有待处理图的比例必须先统一。如果输入图有横有竖,套用同一组分割参数会产生大量构图错位的结果 —— 这是批量处理最常见的翻车原因。
操作要点
- 先小批量试跑:用 2–3 张验证参数,确认无误再跑全量
- 命名模板:用
{name}_{index},避免不同图的切片文件名冲突 - 数量控制:单批次建议 ≤ 12 张
- 单图限制:≤ 30 MB、单边 ≤ 8192 px,避免浏览器内存溢出
- 可中断:选择支持中途取消的工具,跑错了不用等全部完成
- ZIP 打包:结果打包下载,避免浏览器连续触发几十次下载
七、如何组合使用
实际工作里,这些技巧往往是组合的。几个典型组合:
- 长图发布:平台画幅裁切(统一宽度)→ 等分切割(切成 3–5 张)→ 批量导出
- 九宫格系列:平台画幅裁切(统一 1:1)→ 3×3 等分 → 批量处理 → ZIP 导出
- 统一头像:平台画幅裁切(1:1)→ 形状框选(圆形)→ 导出 PNG(保留透明)
- 设计稿切片:曲线分割(沿设计轮廓)→ 导出 PNG → 手动微调命名
八、导出前的最后检查
- 格式对不对:有透明区域 → PNG / WebP;纯照片 → JPG q85
- 尺寸够不够:目标平台的最小要求是多少?切完后每块还剩多少?
- 抗锯齿开了吗:曲线和形状切割必开
- DPR 设对了吗:网页用途 1× 足够,别无谓放大体积
- 命名有序号吗:多图输出必须带补零序号
- 边距 / 圆角是不是意外的:需要像素级拼回原图时,边距和圆角都要设为 0
九、为什么建议用本地处理工具
图片分割涉及大量未公开素材 —— 未发布的商品图、未官宣的设计稿、含个人信息的生活照。把它们上传到第三方在线服务,意味着这些数据会经过对方服务器。
刃图 FrameLab 的全部处理(分割、裁切、格式转换、ZIP 打包)都在浏览器本地通过 Canvas 完成,图片数据不离开你的设备,关闭页面后自动清除。对隐私敏感的素材来说,这个差别很关键。
工具入口:在线图片裁剪与分割
本指南为刃图 FrameLab 独立撰写的原创内容。文中提及的各平台名称与商标归各自权利人所有,本站与相关平台无关联,亦未获得其官方背书。
广告