九分割トリミング

朋友圈九宫格是按正方形排布的。微信把九张图放进 3×3 的方格，每格都是正方形。如果直接把一张 16:9 的横图等分成九块，每块也是 16:9 的横条，发出去每格会被裁切或留白，画面就对不上了。所以正确做法是先把整张图裁成 1:1 的正方形，再等分成九块——本页默认就是这么做的（居中裁切），也可以选择不裁（自己确认原图接近正方形）或拉伸（会变形，一般不推荐）。

切图顺序不能乱。发朋友圈时要按「从左到右、从上到下」的顺序选图，九宫格才会拼回原图。本页导出的文件名是「原图名-行-列」，块列表也是按这个顺序排列的，上传时按列表顺序选即可；打包 zip 解开后同样按文件名排序。如果顺序错了，拼出来会是错位的图。

切图不该掉画质。切分本身只是裁剪：从原图上取一块区域画到新画布，不缩放、不插值，PNG 导出是无损的，每块的像素就是原图对应位置的原始像素。只有你主动选 JPG 或 WebP 时才会按设定的质量重新编码一次——体积小一些，但对要发到社交平台的图来说差别不大。要保留最大画质就选 PNG。

为什么这一切不用上传。裁剪与切分是 canvas 的基本操作，浏览器里几百毫秒就能完成；打包用自托管的 jszip 在本地生成 zip。整页没有任何上传接口——旅行照、家人照片、还没发布的素材都不需要先经过别人的服务器。你可以打开浏览器开发者工具的 Network 面板核验：整个流程只有本地文件读取，没有任何提交请求。