图片切割是怎么工作的
图片切割(也叫图片切片或瓦片化)就是把一张图分成好几块大小相等的小图。原理很简单:根据你设置的行数和列数,算出每一块的尺寸,然后把每一部分单独导出成一张图片。比如一张 900×900 像素的图,切成 3×3 网格,就会得到九张 300×300 像素的瓦片,每一块包含原图的一部分。
ImgNeo 的图片切割工具自动帮你处理所有计算和 Canvas 操作。你只需要上传图片,选择想要的行列数,所有切片立马就出来了。工具支持三种模式:横向(横切)、纵向(竖切)、网格(两个方向都切)。切片按顺序编号,拼回去也方便。
横向、纵向、网格切割——都是啥意思
横向切割就是把图片切成一条条横片,像蛋糕分层一样。每一块跟原图一样宽,高度是原图的几分之一。做全景轮播、多页预览、把长截图切成适合发社媒的片段,都用这个模式。
纵向切割就是把图片切成一竖条一竖条的,像旗子上的条纹。每一块跟原图一样高,但是更窄。做小红书轮播图、全景照片系列、左右对比图,这个模式最方便。
网格切割就是两个方向一起切,把图片分成矩形的瓦片网格。这是最受欢迎的模式,尤其是做小红书 3×3 九宫格——每一块单独上传,个人主页拼在一起就是一整张完整的图。网格模式也用来做照片马赛克、拼图游戏、网页瓦片布局。
切出完美效果的小技巧
想做最干净的小红书九宫格?用正方形图片切 3×3 网格——每一块都是完美的正方形,发出去效果最好。记住小红书单张帖子会裁成 4:5,想要完整显示整张图的话,可能需要加点白边,或者用轮播格式。做全景轮播图的话,用纵向切割分 3-5 块,滑动体验最好。
网页用的切割图,记住每一块都会产生一个 HTTP 请求——少量大图比大量小图加载更快。如果之后还要拼回去(比如拼图或马赛克),加一点间距值,让网格线可见,这样每一块更容易摆放到位。