一张产品长图直接发朋友圈，会被压成一张看不清细节的小图；详情页里一张大图占满一屏，客户滑两下就走了。解决办法是先切图再发：九宫格把一张图拆成九张按顺序发，轮播图一张一张讲产品细节；详情页则按版式只裁出需要的部分。站内图片网格切片与自由裁剪工具做的就是这件事，全程在浏览器本地完成，原图不上传。
两种切法怎么选
网格模式按行列均匀切分整张图，适合九宫格、社媒轮播图与详情页拆图：行列一改，整张图立刻按新行列重切。自由模式是在画布上拉框选区，只取图中一块，适合主体不在正中间、或者只要某个局部特写的图。两种模式共用同一套命名与导出设置，上传一张图后可以先网格切、再换自由模式补裁，不用重新上传。
网格切片：五步出九宫格
- 上传图片：点上传区或把图片拖进来，支持 PNG、JPG、WebP，单张不超过 20MB。
- 行数、列数各填 1 至 20，默认 3×3；改动即重新切分，不用再点确认。也可以点预设 2×2、3×3、4×4、1×3、3×1 一键切分。
- 拖动蓝色切分线微调边界，切片随之更新；拖乱了点「恢复均分」，一键回到按当前行列数的均匀网格。
- 右侧列表核对每张切片的缩略图与实际尺寸，取消勾选不想导出的切片；点某一行，画布上对应的框会高亮选中，反过来点画布上的框也会高亮列表行。
- 点「预览导出」逐张核对缩略图，再点「导出 ZIP」打包下载；ZIP 文件名用原图名加 _slices。
自由裁剪：拉框、锁比例、移框
- 切换到自由模式，在画布上按住左键拖拽拉框，松开即新建一个切片框。
- 比例锁定选自由、1:1、4:3 或 16:9，拉框与右下角手柄缩放都按选定比例约束；按住 Shift 可临时拉成正方形。
- 拖动切片框本身可以移动位置，框不会超出图片范围；选中框后按 Delete 或 Backspace 删除。
- 改错了不用重来：撤销是 Ctrl+Z，重做是 Ctrl+Y。
命名：方位码怎么读
默认命名按切片中心点落在原图的九宫格位置：左上 LU、右上 RU、左下 LD、右下 RD，上 U、下 D、左 L、右 R，中间 C，后面跟区内序号，例如 LU-01。框移位换区后名字自动更新；但在列表里手动改过的名，移位换区后不再自动改，手动名优先。
想换命名方式也可以：名称前后加前缀、后缀；用序号 {001} 从 001 开始按切片顺序编号；用行列 {row}_{col}，例如第 2 行第 3 列是 2_3；或者填名称池 JSON 数组（例如 ["header", "footer"]），按顺序循环取用，数量不够时自动从头循环，点「应用名称池」重命名全部现有切片。
导出设置：格式、质量与正方形补全
- 导出格式选 PNG（保留透明）或 JPG（体积更小）；JPG 质量滑杆配数字框，范围 0.5 至 1，默认 0.92。
- 正方形补全默认开启：非正方形切片按最长边补成正方形再导出；补全区域用透明背景或纯色背景，纯色背景默认白色；JPG 导出时透明处填白。
- 只想要其中一片：点列表行里的 ⬇ 直接下载单张，不打包 ZIP；取消了导出勾选的切片也能单独下载，预览弹窗里每个缩略图下方也有「下载」按钮。
- 画布操作：滚轮以鼠标为中心缩放，右上角 − / ＋ 按 0.1 步进，范围 0.1 至 5 倍；点「适应」恢复完整显示原图；按住中键或 Shift+左键拖动画布平移查看。
发之前先确认这两件事
第一，九宫格按行列均匀切割，如果原图不是正方形、或者主体偏离中心，边缘会被裁掉；发九宫格前先确认原图为正方形，或者先用自由模式把主体裁到正方形里。第二，导出前点「预览导出」逐张核对缩略图，不想导的切片取消勾选即可，不用删；只想要其中一片时点行内 ⬇，不用导出整个 ZIP。
切好图之后，就可以去图片网格切片与自由裁剪上传原图，按上面的步骤切一次；九宫格按 LU-01、RU-01 这样的文件名顺序发，顺序不会乱。