图片切割

将图片切割为九宫格、四宫格等多种宫格,支持自定义行列数,批量下载

拖拽图片到这里,或点击上传

支持 JPG / PNG / WebP,单张最大 50MB

JPGPNGWebP

什么是图片宫格切割?

了解图片切割的原理和常见应用场景

图片宫格切割是将一张图片按行列均匀分割成多张小图片的操作。最常见的应用是九宫格(3×3),将图片分成 9 块大小相同的小图,常用于社交媒体拼图发布。

宫格切割的核心原理很简单:根据设定的行数和列数,计算每块的宽高,然后按坐标逐块裁剪。如果设置了间距,则会在每块之间留出空白区域,间距部分不会被包含在切割结果中。

除了常见的九宫格,还可以根据需求自定义行列数。比如 2×2 四宫格适合对比展示,4×4 十六宫格适合制作照片墙,1×N 或 N×1 则适合制作长图分块。

工作原理

1

网格划分

根据行数和列数,将图片均匀划分为 N×M 个区域。每块宽度 = (图片宽度 - 总间距) / 列数,高度同理。

2

坐标裁剪

使用 Canvas API 的 drawImage 方法,按每块的起始坐标 (x, y) 和宽高,从原图中截取对应区域。

3

批量编码

将裁剪后的每块 Canvas 分别编码为指定格式(JPG/PNG/WebP),然后打包为 ZIP 文件供下载。

使用场景

朋友圈九宫格

将照片切割为 3×3 九宫格,分 9 张发布到朋友圈,拼成完整大图

照片墙制作

将合照或风景照切割为多块,打印后制作照片墙装饰

电商细节展示

将产品大图切割为多块细节图,逐张展示产品不同部位

拼图素材

将图片切割为小块,用于制作拼图游戏或教学素材

常见问题