图片分割 使用教程
详细使用指南、最佳实践与常见问题解答
使用场景
图片分割工具适用于朋友圈九宫格、Instagram 三联图、微博九宫格、Discord/Reddit 拼图等社交媒体发图场景。把一张大图切成等分小图,按顺序发布即可获得拼图效果。
Use Cases
The Image Splitter is useful for 朋友圈 9-grid, Instagram triptych, Weibo 9-grid, Discord/Reddit collage, and any social media scenario requiring grid publishing. Slice a large image into equal parts and post in order for a grid effect.
功能特点
- 多种切割:1×1、2×2(4宫格)、3×3(9宫格)、1×3(Instagram 三联)、3×1、2×3、3×2
- 本地处理:所有切割用 Canvas API 在浏览器完成,图片不上传
- 预览网格:切割后按行列顺序展示,直观对应发布顺序
- 一键 ZIP:打包所有切片为 zip 文件,文件名带序号
- 单独下载:点击任一切片即可单独保存为 PNG
Features
- Multiple grids: 1×1, 2×2 (4-grid), 3×3 (9-grid), 1×3 (Instagram triptych), 3×1, 2×3, 3×2
- Local processing: all slicing via Canvas API in the browser; image never uploaded
- Preview grid: slices shown in row/col order matching posting sequence
- One-click ZIP: bundle all slices into a zip file with numbered names
- Individual download: click any slice to save as PNG
使用示例
示例 1：场景一:朋友圈九宫格 — 上传风景图,选 3×3,切割后按 1-9 顺序发朋友圈。
示例 2：场景二:Instagram 三联 — 上传宽图,选 1×3,切割后按顺序发布可拼成完整长图。
示例 3：场景三:对比图 — 选 3×1,把三张对比图拼成上下三联展示。
Examples
Example 1: Scenario 1: 朋友圈 9-grid — upload a landscape, choose 3×3, post slices 1-9 in order.
Example 2: Scenario 2: Instagram triptych — upload a wide image, choose 1×3, post slices in order to form a complete long image.
Example 3: Scenario 3: Comparison collage — choose 3×1, stack three comparison images vertically.
最佳实践
- 正方形图片选 3×3,效果最佳(朋友圈)
- 宽图选 1×3,适合 Instagram 横向三联
- 高图选 3×1,适合抖音/小红书纵向三联
- 切割前先把图片裁剪为目标比例,避免切片拉伸
Best Practices
- Square images work best with 3×3 (朋友圈)
- Wide images use 1×3 for Instagram horizontal triptych
- Tall images use 3×1 for TikTok/Xiaohongshu vertical triptych
- Crop the image to the target aspect ratio before splitting to avoid stretching
常见问题
为什么切片间有缝隙?
如果原图宽高不能被行列数整除,会有 1 像素以内的余量被丢弃,人眼通常不可见。
支持透明背景 PNG 吗?
支持。切片保留原始透明度,输出为 PNG 格式。
切割大图会卡顿吗?
5000×5000 以下图片浏览器可流畅处理。更大的图建议先用图片压缩工具缩小后再切割。
FAQ
Why are there gaps between slices?
If the original dimensions are not divisible by the grid, up to 1 pixel may be discarded per slice — usually invisible.
Does it support transparent PNG?
Yes. Transparency is preserved; output is PNG format.
Will large images lag?
Images up to 5000×5000 are smooth in browsers. For larger ones, compress first with the Image Compressor.