图片版式类的工具看着很像，都是「把图弄成另一个形状」，所以经常有人用错——想做头像却用了普通裁剪，结果四个角是白的；想把长截图发给同事，切完发现每一张的开头都被劈掉半行字。
分清它们最快的办法，是看输出结果有几张图。
- 一进一出：裁剪、圆形头像裁剪。改的是同一张图的取景和形状。
- 一进多出：长图分割、九宫格切图。把一张图拆成一组。
- 多进一出：图片拼接。把一组图合成一张。
先想清楚你要的是几张图，再去选工具，基本就不会错了。
一、普通裁剪：先想清楚是「构图」还是「尺寸」
图片裁剪 有自由裁剪和固定比例两种模式，还能旋转和翻转，裁剪框也可以输入具体数值精确调整。这两种模式对应的其实是两类完全不同的需求。
- 自由裁剪：目标是构图。去掉多余的边、把主体挪到中间、切掉画面里不想要的东西。这时候不该关心最终尺寸是多少。
- 固定比例：目标是适配。对方要求 1:1 的头像、16:9 的封面、3:4 的证件照，比例不对就传不上去或者被平台自己乱裁。这时候构图要服从比例。
顺序上建议先旋转再裁剪。歪的照片如果先裁好了框再转，转完四角会露出空白，还得再裁一次，两次裁剪叠加下来能用的画面就更小了。
还有一个常见误解要说明：裁剪不等于压缩。裁掉画面的一部分，像素总数变少了，文件体积当然会跟着变小，但这是副作用而不是目的。如果目的是把图压到某个体积以内，裁剪不是正确的手段——你会为了几百 KB 丢掉画面内容。
二、圆形头像：为什么一定要导出 PNG
圆形头像裁剪 把任意图片裁成正方形头像，圆角可以从直角一路调到正圆，能在预览上直接拖动取景、用滚轮或滑块缩放，输出边长提供 64 到 1024 五档。这个工具和普通裁剪最大的区别是：圆形是靠透明区域实现的。
所谓「圆形头像」，本质上仍然是一张正方形图片，只是四个角上的像素被设成了透明。图片格式里只有 PNG 支持透明通道，JPEG 不支持。所以：
- 导出 PNG：圆角以外真正透明，放在任何背景色的界面上都是干净的圆。
- 导出 JPEG：透明区域无法保存，工具会自动铺上白底。放在白色界面上看起来没问题，一放到深色界面就是一个圆外面套着白方块。
工具里之所以会自动铺白底，是因为不铺的话透明区域在 JPEG 里通常会变成难看的黑块——自动补白至少是个可预期的结果。但如果你需要的是真透明，唯一的选择就是 PNG。
如果目标平台本身就会把头像裁成圆形显示（大多数社交 App 都是这样），那更省事的做法是不做圆形，只裁成正方形，把圆角调到直角，导出 JPEG 体积更小。平台会替你切圆，而且切得和它自己的界面完全一致。真正需要自己输出圆形 PNG 的场景是：论坛签名、PPT 里的人物介绍、网页上自己写的头像组件、以及那些会把上传的图原样方形显示的老系统。
另外两个参数值得一提。背景填色用于你既要方形兼容性又想要圆形观感的情况，填一个和目标界面一致的颜色即可。描边在深色界面上很有用，深色头像放在深色背景上轮廓会糊在一起，加一圈浅色描边能把它从背景里拎出来。
尺寸选择上不必贪大：多数平台的头像显示尺寸不超过 200 像素，选 256 或 512 已经足够，选 1024 只是让文件更大。
三、长图分割：切给公众号和文档用
长图分割 把竖向长图切成多张，解决的是两类问题：一是各平台对图片高度有限制，超长图传不上去或者被压缩得看不清；二是几千像素高的长截图在文档里只能缩成一条，读者根本看不清内容。
它提供两种切法，选哪种取决于你在意什么：
- 按固定高度切：每张的高度确定，张数由图片总高决定。适合在意「单张显示效果」的场景——你希望每一张在手机上都刚好占满一屏。工具内置了 1080、1280、1920 以及「与宽度相同的正方形」几个常用档位。
- 平均切成 N 份：张数确定，每张高度由总高决定。适合在意「篇幅结构」的场景，比如一篇文档里就想放 3 张图，不想多也不想少。
高度怎么选，可以按用途粗略对应：
- 发在手机上逐张浏览：1920 左右，接近主流手机的一屏高度。
- 插进文档或公众号正文：1080 到 1280，图不至于太高，读者滚一下就能看完一张。
- 需要做成方图排版：直接用「与宽度相同」，切出来全是正方形。
两个参数是这个工具真正有用的地方。
重叠像素：让相邻两张之间有一段重复的内容。连续浏览时衔接会自然很多，读者不会有「中间是不是漏了一行」的疑惑。代价是总内容有轻微重复，通常给几十像素就够，给太多会明显看出来。
自动避开文字：这是解决「切到字上」的关键。开启后，工具会在目标位置上下一定范围内寻找最接近纯色的一行来下刀，尽量避免把一行文字或一张人脸劈成两半。它的代价必须说清楚——每张的高度不再完全一致。所以如果你要的是严格等高的方图用来做九宫格式排版，就别开这个选项；文字类长图、聊天记录截图、代码截图则强烈建议开。
预览图上会用虚线标出实际的切割位置，下刀之前先看一眼虚线，比切完再返工快得多。结果会打包成 ZIP 并自动按顺序编号，解压后按文件名排序就是正确的阅读顺序，不用自己一张张对。
四、九宫格切图：发朋友圈那种
九宫格切图 把一张图切成 3×3 的九张，发到朋友圈或微博后，九张小图会在对方的时间线上拼回一张完整大图。它和长图分割的区别在于切的方向：长图分割只横着切，九宫格横竖都切。
用这个功能有一个前提条件经常被忽略：源图最好是正方形。九宫格的每一格在社交平台上是按正方形显示的，如果源图是 4:3 或者 16:9，切出来的九格就是扁的，平台再按正方形裁一遍，每一格都会被裁掉一部分，拼起来对不上。所以正确的顺序是先用普通裁剪把图裁成 1:1，再切九宫格。
分割线的颜色和粗细可以自己设。加分割线是为了在平台的九宫格网格里制造一点视觉呼吸感，但要注意：平台本身在小图之间就已经有间隙了，你加的分割线是额外的。粗细给 0 到几像素就够，给太多整张图会被切得零碎。分割线的颜色建议和目标界面的底色接近，白色在浅色界面上最不容易出戏。
另外要有心理准备：拼回大图的效果依赖平台的排版规则。九张图在不同客户端、不同版本上的排列间隙不完全一样，所以九宫格适合的是气氛和构图，不适合放需要精确对齐的文字。把一段字横跨三格排版，很容易在某个客户端上错位。
五、多图拼接：对齐和宽度统一是全部难点
图片拼接 把多张图用模板合成一张，支持网格、横向、纵向等布局，间距、圆角、背景色都能调，可以实时预览。它是长图分割的逆操作，常见用途是把几张截图合成一张长图发出去，或者把一组照片拼成拼图。
纵向拼接最容易出问题的是宽度不一致。 一组截图如果来自不同设备、不同缩放比例，宽度就会不同。拼成纵向长图时，宽度不一的图要么被统一缩放、要么两侧留白，结果就是有的内容变小了、有的边上多了两条空白。正确做法是拼之前先把所有图统一到同一个宽度，用尺寸调整或裁剪处理一遍，再来拼接。这一步做了，拼出来的长图才是齐的。
横向拼接对应的问题是高度不一致，处理思路一样：先统一高度。
网格布局要注意张数和格数匹配。选了 3×3 却只放了 7 张图，最后两格会是空的，看起来像做坏了。凑不满就换一个更合适的模板，或者补一张封面图、说明图进去。
间距和背景色是一对搭配参数。间距大于 0 时，露出来的就是背景色，所以背景色不能随手留着不管：浅色系的照片配白色间距很干净，深色照片配白色间距会显得非常割裂，改成深灰会好得多。圆角只在有间距的时候才看得出来，间距为 0 时相邻图片的圆角会互相咬合，露出四个小尖角，反而难看。
六、几个值得记住的组合
这几个工具单用都简单，串起来才是常见的真实需求：
- 做规整的九宫格：普通裁剪裁成 1:1 → 九宫格切图。跳过第一步就会对不齐。
- 把长文档截图发给同事：长图分割，勾选自动避开文字，重叠给几十像素 → ZIP 解压按序发。
- 把一组零散截图合成一张说明图：统一宽度 → 纵向拼接，间距给一点，背景色配底色。
- 做一套统一风格的团队头像：每张先用普通裁剪调好构图和 1:1 比例 → 圆形头像裁剪统一边长和描边，参数保持一致，出来的一组头像才像一套。
这些操作全部在你的浏览器里用 Canvas 完成，图片不经过服务器。处理公司内部的界面截图、合同扫描件这类不方便外传的内容时，这一点比处理速度更值得在意。
常见问题
长图分割切出来的图，为什么每张高度不一样？ 大概率是开了「自动避开文字」。它会在目标位置附近找一行接近纯色的地方下刀，所以高度会浮动几十像素。需要严格等高就关掉它，代价是可能切到文字上。
圆形头像导出后放到网页上，圆的外面是白的，怎么回事？ 导出成了 JPEG。JPEG 不支持透明，工具会自动铺白底。改导出 PNG 即可。
九宫格发出去之后，中间那张的位置好像不对？ 九张小图是按上传顺序排列的，一定要按文件名顺序依次选择。工具导出时已经编好号，发布时别打乱顺序，也别在相册里用「最近添加」排序去选。
拼接后图片变模糊了？ 通常是因为其中一张的原始尺寸明显小于其他图，被放大到模板格子的大小。拼接不会凭空增加细节，遇到这种情况只能换一张分辨率更高的源图，或者把整张拼接图的输出尺寸调小。