九宫格切图
把一张图切成九块发朋友圈,或者按任意行列切分。可以先把图片补成正方形,切出来的九块尺寸完全一致,拼回去不会错位。
选择图片,或者直接粘贴截图,也可以把文件拖到这个面板里。原图不会被修改。
切图参数
选择图片后自动生成预览
导出设置
九宫格通常发朋友圈,JPEG 更省流量;需要保留透明背景就选 PNG。ZIP 用的是不压缩打包,图越多包越大,但一张都不会漏。
还没有图片。选一张图片后,这里会按从左到右、从上到下的顺序列出每一块,方便先确认顺序再导出。
发朋友圈的顺序
微信九宫格的排列规则就是先左后右、先上后下:如果图片文件名的顺序号是 1 到 9,那么 1、2、3 是第一条横排,4、5、6 是第二排,7、8、9 是第三排。这里的导出文件名带两位补零的序号,按文件名排序就能和朋友圈的顺序对上,选图时全选一次即可,不用手工挪。
切图全程按图片的原始像素计算,不乘设备的 devicePixelRatio。原因很直接:九块图要拼回一整张,只要有一次非整数倍的缩放,拼接缝隙处的采样就会对不上,看起来是一道模糊的细线。所以缩放只在最后一步按你给的整数倍做,默认 1 倍就是原图像素。
补成正方形是为了让九块尺寸一致。手机拍的照片大多是 4:3 或 16:9,直接按 3×3 等分会得到长方形小块,拼起来整体比例也被拉长。先补成方形就像给照片加了一圈白边,切出的九块都是正方形,横向纵向都能对齐。留白颜色可以改成和照片背景接近的颜色,或者干脆用纯色当设计元素。
除不尽的行列数会丢零头而不是摊派。比如 1000 像素宽切 3 列,得到 333+333+333,剩下的 1 像素丢掉;如果强行把零头补给某一列,那一块就比其他块宽 1 像素,拼回去会在缝隙处错位一格,反而更明显。
处理过程用浏览器画布完成,图片不会上传到服务器,断网也能用。ZIP 打包只是把各块原样装进一个压缩包,不做二次压缩,所以打包速度只取决于图片大小,导出后直接用系统相册或文件管理器解压即可。