刃图 FrameLab
首页
图片裁剪 分割线 · 框选 · 曲线 · 批量导出 图片压缩 WASM 本地并行 · 文件零上传 图片改尺寸 按宽/高/百分比 · 平台预设 图片拼接长图 多图竖/横合成 · 实时预览 图片加水印 文字水印 · 平铺防盗 边框 / 圆角 圆角头像 · 白边相框 图片取色色卡 提取主色 · 取色笔 图片格式转换 WebP / AVIF / HEIC 互转 · ZIP EXIF 查看清除 元数据全览 · 无损去 GPS 抠图去背景 色键抠图 · 透明 PNG 截图美化 渐变背景 · 标题栏窗口
开始裁剪
首页

工具

图片裁剪 图片压缩 图片改尺寸 图片拼接长图 图片加水印 边框 / 圆角 图片取色色卡 图片格式转换 EXIF 查看清除 抠图去背景 截图美化 使用指南 关于 使用须知 开始裁剪
首页 / 使用指南 / 切图教程

切图教程

图片分割与裁剪的 6 种实用技巧:直线、曲线、形状与批量

发布于:2026-08-15 · 最后更新:2026-09-14 · 约 7 分钟阅读 · 刃图 FrameLab

大多数人理解的「图片分割」就是把一张图平均切成几块。但实际上,不同目的需要完全不同的切割策略 —— 切九宫格发朋友圈、切长图发小红书、切形状做头像,这三件事的做法毫无共同点。

这篇按「你要解决什么问题」来组织,列出六类最常用的分割技巧、各自适用场景,以及操作时的关键参数。

一、等分切割:最基础,但不只会切方块

适用场景

  • 把一张图均匀分成 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 独立撰写的原创内容。文中提及的各平台名称与商标归各自权利人所有,本站与相关平台无关联,亦未获得其官方背书。

← PNG、JPG、WebP、AVIF 怎么选?格式选择完全指南 抖音与短视频封面尺寸指南:9:16、3:4 与图集对照 →

广告

本文目录

  1. 一、等分切割:最基础,但不只会切方块
  2. 二、九宫格(3×3):为社交平台而生
  3. 三、曲线分割:让切口「消失」
  4. 四、形状框选:抠出特定轮廓
  5. 五、平台画幅裁切:按目标尺寸反推
  6. 六、批量处理:一套参数,多张图
  7. 七、如何组合使用
  8. 八、导出前的最后检查
  9. 九、为什么建议用本地处理工具

动手试试

文中提到的尺寸调整与切图操作,都可以直接在浏览器里完成,图片不上传服务器。

打开在线裁剪工具

相关指南

  • 九宫格切图完全教程:把一张图切成 3×3 的方法与技巧
  • 小红书图片尺寸全攻略(2026):封面、长图与九宫格
  • 公众号配图尺寸指南:头图、次条、正文图与竖版封面
  • 电商主图尺寸规范:淘宝、京东、拼多多、抖音小店对照表
刃图 FrameLab
图片裁剪 图片压缩 改尺寸 图片拼接 加水印 边框圆角 取色色卡 格式转换 EXIF 清除 抠图去背景 截图美化
关于 联系 邮箱 隐私政策 使用条款

© 2026 刃图 FrameLab · 广告与 Cookie 说明

Cookie 与广告偏好

我们使用必要 Cookie 保障网站正常运行;在您同意后,还可能使用 Google AdSense 等第三方 Cookie 展示个性化广告并衡量广告效果。您的图片始终在浏览器本地处理,不会上传至服务器。详情请阅读 隐私政策。