先把问题解决
打开视觉创作工具,选择九宫格切图,上传一张图片并下载ZIP。先确认中央正方形能容纳主体,再将1.png到9.png按三列拼回检查。文件编号表示从左上到右下的切块位置,不能直接当成任何社交平台的上传顺序。
先画出会被留下的正方形
设原图宽为W、高为H,裁切边长是两者中的较小值。左右各去掉(W−边长)/2,上下各去掉(H−边长)/2。这个规则帮助你在上传前判断边缘文字、脸或商品包装是否会消失。裁切是丢弃画面,不是修改文件体积;两类问题可参照像素和宽高比上传检查区分。
下面是自编尺寸案例,不是照片清晰度测试。3600×2400的横图先去掉左右各600像素,得到2400×2400的中心区域。再分块时,每块对应原图800×800像素;导出的1080×1080只是输出尺寸,不能增加原本没有的纹理。
| 原图 | 保留区域 | 先检查哪里 |
|---|---|---|
| 3600×2400 | 中央2400×2400 | 左右各600像素会被移除 |
| 2400×3600 | 中央2400×2400 | 上下各600像素会被移除 |
| 2400×2400 | 整个正方形 | 主体是否正好跨在切线处 |
实际导出:一次只准备一张主图
- 保留原图副本。先在本地查看完整照片,确定主体和文字都位于中央正方形内;需要偏心构图时,先用图片编辑器准备好正方形。
- 打开视觉创作工具,切换“九宫格切图”,上传准备好的图片。查看预览中的整体构图,不用预览图的显示大小推断原图像素。
- 点击“下载九宫格 ZIP”,将nine-grid.zip解压到一个空文件夹。保留ZIP和原图,避免与上一次导出混在一起。
- 确认1.png至9.png全部存在。先在本地重建三行三列,再决定发布平台需要怎样安排上传顺序。
用编号拼回原图,而不是凭缩略图猜位置
工具按行编号:第一行1、2、3,第二行4、5、6,第三行7、8、9。单张照片中可能有大量相似天空、背景或墙面,仅靠文件缩略图很难区分上下左右。首次使用可先给一张测试图画上九个不同数字,确认理解了编号方向。
一个常见的顺序误判
把1到9按数字顺序上传,就默认主页会自动拼成正确的大图。
先按1/2/3、4/5/6、7/8/9拼回验收;再用平台草稿或预览确认展示方向。
重点看接缝、边缘文字与放大效果
先把九张图无间距排成一个大正方形,查看相邻边缘是否连续。再检查每张文件:人脸、二维码、标题或产品标签是否落在边界上,被拆开后会不会失去含义。如果切线正好穿过关键文字,应回到主图调整构图,而不是逐张拉伸补救。
接缝连续不等于每一块都适合单独发布。多图故事可以允许一块只有背景,商品说明却可能需要每张都有独立信息。和循环GIF的逐帧裁切检查一样,应同时检查整体和单张;不同任务的验收单位不同。
交付前的四个通过条件
- 恰好九张PNG,编号1至9无缺失或重复。
- 每张输出为1080×1080像素,能正常打开。
- 按行拼回后主体完整,接缝和方向正确。
- 已在目标平台预览,不把本地编号当成平台排序保证。
哪些问题要回到原图解决
本站九宫格功能没有可拖动的裁切焦点,也没有逐块独立设置画幅。边缘主体无法保留时,先准备一张合适的正方形再上传。小图放大后仍会模糊;如果平台压缩了图片,也要以平台最终显示为准,不能只检查本地文件。
浏览器的Canvas drawImage文档区分了源图裁切区域与目标绘制尺寸。这解释了为什么“导出1080像素”和“拥有1080像素的真实细节”不是同一件事。浏览器需能解码输入图片;文件过大、损坏或内存不足时,先在本地降低尺寸并重新打开,敏感照片建议先用不含个人信息的样本验证流程。
常见问题
为什么边缘的人物不见了?
工具取居中的正方形。横图会裁掉左右,竖图会裁掉上下。先在本地调整构图或增加画布,再切图;当前入口不能移动裁切焦点。
九张图片应该倒着发布吗?
取决于平台当前的展示和排序规则。先用草稿预览或小范围测试核对,不把任何固定顺序当成通用规则。
800像素的小图导出1080会更清楚吗?
输出像素更多并不生成真实细节。检查放大后的边缘和文字;需要更高细节时,应更换分辨率足够的原图。
参考资料与延伸阅读
按步骤开始处理
进入对应工具,预览处理结果,检查导出的文件。

