图片切割
将图片切割为九宫格、四宫格等多种宫格,支持自定义行列数,批量下载
拖拽图片到这里,或点击上传
支持 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 张发布到朋友圈,拼成完整大图
照片墙制作
将合照或风景照切割为多块,打印后制作照片墙装饰
电商细节展示
将产品大图切割为多块细节图,逐张展示产品不同部位
拼图素材
将图片切割为小块,用于制作拼图游戏或教学素材
