拆分图片 v1.0

图片分割工具可以把一张图片切成整齐的网格小图，全部在浏览器里完成，图片不上传服务器。发朋友圈九宫格、做小红书图文、切淘宝详情页长图，最容易出问题的往往是两件事：切出来的小图比例不对，被平台二次裁切；以及发布顺序弄反，拼出来的大图错位。DocPivot 的图片分割工具在切之前就把切割线画在图上，可以锁定 1:1 或 4:5 的方块比例，并且把全部小图打包成一个 ZIP，文件名里直接写好顺序。

DocPivot 图片分割工具概述

核心功能

这个工具把一张图片按行列切成多块，并保证每块尺寸一致。三种切法对应三种说法：按份数（2×2、3×3，或者横排、竖排切 2 到 4 份）、按自定义行列（最多 10×10，也就是 100 块）、按像素尺寸（每块 16 到 8000 像素，工具自己算出需要多少行多少列，除不尽时向上取整，边角不会漏掉）。图片在浏览器里解码并画到画布上，切块、加边框、编码、压包全部在本机完成，DocPivot 不做任何服务器端图像处理。

目标用户与使用场景

用得最多的是三类人：做社交内容的运营和博主，需要九宫格拼图和多图图文；电商美工和个体工商户，要把详情页长图切成若干段上传；再就是设计师、老师和游戏开发者，需要把大图切成打印分页、教学素材或者素材图集。切好的小图往往还要接着处理，比如用图片压缩工具把体积压下来再上传，或者先用图片模糊工具把画面里的人脸、车牌挡掉。

问题与解决方案

国内大多数在线切图工具只做一件事：按行列平均切开，然后打包下载。问题在于平均切开之后，小图的比例是原图比例除以行列数，几乎不可能正好是平台想要的方图。传到微信朋友圈或者小红书，平台会按自己的规则裁一刀，拼图就错位了。这个工具的做法是先按目标比例中心裁剪原图，再切，保证每一块都是标准的 1:1 或 4:5，并且在切之前把要丢掉的部分变暗给你看。

图片分割工具的主要优势

• 切之前先看见：白色虚线切割线画在真实的切割坐标上，用的是和导出完全一样的整数运算，所见即所得。人脸或者地平线正好被切成两半，在这一步就能发现，不必切完再回头裁剪图片补救。
• 比例可以锁死：选 1:1 或 4:5 之后，每一块的宽高比完全一致，不会出现最后一行比别的矮一截的情况。需要单独调整整张图尺寸时，可以配合图片尺寸调整工具先定好母版。
• 顺序写在文件名里：文件名同时带发布序号和网格坐标，拼海报按坐标排，发社交平台按序号排，不用自己数。
• 份数和像素都能说：想要九宫格就说九宫格，想要每块 750 像素宽就直接填 750，两种思路都不用自己算除法。
• 提前告诉你会不会糊：结果摘要会写清楚切出几块、每块多少像素，低于 1080 像素时给出提醒，而不是等你下载完在手机上才发现发虚。
• 一个 ZIP 收工：不是几十个文件挨个弹下载框，而是打包成一个压缩包，点了下载才保存。
• 图片不出设备：从加载到打包全程在浏览器本地完成，没有上传、没有排队、没有账号。涉及客户素材或者人像照片时，这一点符合《个人信息保护法》里最小必要的处理原则。

图片分割工具的核心功能

• 一键预设：2×2、3×3，以及横向或纵向切 2、3、4 份，共 8 个常用预设，点一下就定好行列。
• 自定义网格：行列数各自设定，最高支持 10×10，适合做对照表、素材图集这类非对称版式。
• 按尺寸切：指定每块的宽和高（16 到 8000 像素），常用于按 A4 分页打印的海报，或者按固定瓦片尺寸切的游戏地图。
• 形状适配：可选保持原样、正方形 1:1、竖版 4:5。选定后工具按“比例 × 列数 ÷ 行数”算出需要的画面区域并居中裁剪，是裁掉多余部分，而不是补白边。
• 实时切割预览：深色底白虚线标出每一刀的位置，形状裁剪会丢掉的区域直接变暗，保留区域描边框出来。
• 重叠像素：接缝处可以保留 0 到 200 像素的共用画面，供拼贴时粘贴搭边使用。重叠只向相邻块内部借，不会超出原图边界。
• 边框与圆角：每块可加 0 到 60 像素的任意颜色边框，画在画面之外，不会挡住照片内容；圆角半径 0 到 80 像素。想进一步加标识可以再用图片加水印工具处理。
• 输出格式可选：保持原格式，或统一导出 JPG、PNG、WebP；有损格式的质量在 40% 到 100% 之间可调。需要整批换格式时，图片格式转换工具更顺手；已经是 WebP 的素材想换成兼容性更好的格式，用 WebP 转 JPG 工具转一遍即可。
• 结果摘要：下载前用一行字说明结果，例如“9 块，154 × 154 像素”，数字是真实导出尺寸。
• 多语言界面：界面提供 18 种语言，包括简体中文。

图片分割工具的使用方法

1. 上传图片。点击选择或者直接把 JPG、PNG、WebP 文件拖进来，图片只在本机解码。iPhone 拍的 HEIC 照片建议先用 HEIC 转 JPG 工具转一道。
2. 选切法。点预设、填行列，或者直接填每块的像素尺寸，三选一。
3. 摆正再定形状。拍歪了先用图片旋转工具转正，再决定形状：需要标准方图就选 1:1，需要竖版就选 4:5，看着变暗的区域判断裁掉的部分能不能接受。
4. 调细节。按需要设置重叠、边框颜色、圆角和输出格式，右侧摘要会同步更新块数和每块尺寸。
5. 打包下载。确认无误后点生成，DocPivot 在浏览器里打好 ZIP，点下载才保存到本地，不会自动弹出下载。

什么时候需要用到图片分割

当一张图必须以多张的形式出现，同时又要保持整体感的时候，就该切图了。常见的是这几种情况：

• 朋友圈九宫格：一张横图切成 3×3，九张按顺序发出去，在列表里拼成完整大图。
• 小红书多图笔记：把一张长构图切成几屏，读者左右滑动时形成连贯叙事。
• 详情页长图：移动端详情页普遍按 750 像素宽设计，整张长图切成若干段分批上传，加载更稳，编辑也方便。
• 拼接打印：把一张海报按 A4 纸的尺寸切开，家用打印机分页打出来再拼贴，这时候加几十像素重叠会好粘很多。
• 素材图集：游戏或者前端开发把图集按固定瓦片尺寸切开，配合PNG 转 JPG 工具控制交付体积。
• 教学与演示：把流程大图拆成分步小图，一页讲一块，逻辑更清楚。
• 拼图游戏与手工：把照片切成 4×4 打印出来做拼图卡片或者手账素材。

有两种情况不建议用切图：图片本身分辨率就低（比如 600 像素的照片切成 3×3 只剩 200 像素一块），以及需要的是把多张图合成一张——那是拼图制作工具的活儿，方向正好相反。

应用案例

朋友圈九宫格

背景：旅行博主想把一张横幅风景照发成九宫格。

操作流程：

• 上传原图，选 3×3 预设。
• 形状选 1:1，看变暗区域确认左右各裁掉多少能接受。
• 生成 ZIP，解压后按文件名里的网格坐标从左上到右下依次选图发布。

效果：九张图在朋友圈里拼成一张完整横图，没有被平台二次裁切。

淘宝详情页长图切段

背景：个体工商户店主手上有一张 750 × 9000 像素的详情页长图，需要分段上传。

操作流程：

• 选按尺寸切，宽度填 750，高度填 1500。
• 形状保持原样，保证不丢任何一个像素。
• 输出选 JPG、质量 85%，下载后按序号上传。

效果：长图变成 6 段，单张体积可控，详情页加载更顺，改动某一段也不用重做整张。

A4 拼接打印大幅海报

背景：社区活动要一张 2 米宽的展板，手上只有家用打印机。

操作流程：

• 设计稿是矢量文件的话，先用 SVG 转 PNG 工具导出高分辨率位图。
• 按尺寸切，尺寸按 A4 可打印区域的像素值填写。
• 形状保持原样，重叠设为 60 像素，留出搭边。
• 打印后按文件名里的行列坐标对齐粘贴。

效果：接缝处有共用画面，对齐容差大了很多，拼出来看不出明显断线。

小红书图文连续滑动

背景：穿搭博主想做一组滑动式的图文笔记。

操作流程：

• 横向切 3 份，形状选 4:5 竖版。
• 加 12 像素白色边框，让每张的边缘更干净；做黑白风格的话，用图片黑白处理工具先统一色调。
• 生成后对色调不满意的部分，用图片调色工具统一调一遍。

效果：三张竖图比例一致，滑动时画面连贯，封面也不会被裁掉重点。

朋友圈、小红书和 Instagram 的排序逻辑不一样

三个平台的排序规则不同，这是切图之后最容易翻车的地方。微信朋友圈和微博按你选择图片的先后顺序从左上到右下排列，也就是正常的阅读顺序：第一张在左上角，第九张在右下角。小红书的多图笔记是横向滑动，顺序就是上传顺序。Instagram 的主页网格则相反，新帖子插在左上角、把旧帖子往右往下推，所以要先发右下角那一块。

这个工具的 ZIP 文件名里同时写了两组信息：一个发布序号（post01 是右下角那块，对应 Instagram 的倒序发布），一个网格坐标（第几行第几列）。发朋友圈、发微博、拼海报的时候按网格坐标排；发 Instagram 的时候按序号排。同一套文件两种用法，不用重新切一次。

三种切法怎么选

选哪种切法，取决于你脑子里先想到的是“几块”还是“多大”。

再补一条经验：发社交平台的图，每块最好不低于 1080 像素，这是全屏显示时的渲染宽度。母版不够大时，与其在导出参数上反复试，不如直接换一张分辨率更高的原图。

关于画质、体积和几个真实的限制

切图本身不会让画质变好，只会让每块变小，所以起点很重要。工具会在结果摘要里提醒低分辨率，但不会自动放大——放大只会造出原图没有的细节。除此之外还有几条限制值得提前知道。

• 重叠和固定形状不能同时用：网格边缘的块没有相邻块可以借像素，强行重叠会让边缘块比中间块小，正好违背了“每块一样大”的承诺。所以选了形状之后，重叠选项会隐藏。
• 选形状会丢掉零头像素：裁剪后的画面除不尽行列数时，余数会被丢弃，以保证每块完全相同。不选形状时，余数留给最后一行和最后一列，一个像素都不少，拼回去是严丝合缝的。
• 4:5 在小图上可能差一个像素：块的宽高是整数像素，原图较小时比例可能差一点点，肉眼看不出来。
• 圆角透明取决于格式：只有带 alpha 通道的格式（PNG、WebP）能保留透明圆角，导出 JPG 时圆角会被填色。做网页图标建议直接用 favicon 生成工具。
• 体积会变：切成多块之后，文件总体积通常比原图略大，因为每块都有独立的文件头和编码开销。追求更小体积可以统一导出成 WebP，或者用 JPG 转 WebP 工具处理。

常见问题