点击上传,或把图片拖到这里
PNG、JPG、WebP 或 GIF — 在你的浏览器中切开,绝不上传关于把图片切开
一张图,好几块。一张照片,在主页上变成 3×3 的九宫格。一张大图切成小块,分印在好几张纸上。一张精灵图,拆成一帧帧。一张画,变成拼图卡片。
手工做的话,就得裁剪、导出、改名,再重复九遍,还要小心别在接缝处丢掉一行像素。
把图片拖进来,说明要怎么切,所有小块会装进一个 ZIP 回到你手里。
使用方法
- 点击点击上传,或把图片拖到页面上
- 挑一个预设(Instagram 的 3 × 3 就在里面),或者自己设定行数和列数,或按像素设定每块的尺寸
- 看预览:它显示的就是已经分好的、你将会得到的那些小块
- 按下切出小块
- 保存 ZIP,或点击任意一块只保存那一块
预览就是结果
右边那张不是原图加了几条线。你看到的每一块都是独立的碎片,显示着图片中属于自己的那一
部分,彼此之间留着间距排开。所以预览回答的是真正要紧的问题:每个文件里到底会是什么。
你改动数字时它会随之更新,因为此刻还没有真的切开 — 每一块都是同一张图片,只是透过一个
与该块同样大小的窗口去看。改变网格只是排版上的变化,所以它能跟得上滑块的速度。
一旦按下切出小块,这些同样的小块就成了真正的文件。把指针停在某一块上会出现保存图标,
点它就只保存那一块。ZIP 按钮则一次带走全部。
这个预览下面的两项 — 小块之间的间距和小块名称 — 只改变你眼前所见,绝不会影响文件。
两种说法
- 网格 — 「3 乘 3」。你决定切成几块,每块多大则由图片的尺寸决定。做主页九宫格、拼图或一套卡片,选它
- 每块的像素尺寸 — 「512 乘 512」。你决定每块多大,块数由此推出。做精灵图、地图切片和打印分页,选它
边缘会怎样
这个细节决定了结果好不好用。
两种方式的处理不同,而且都是有意为之。
网格会把多出来的像素分摊到各块上:1000 像素的图切成 3 份,会得到 333、334、333 — 相差一个像素,永远不会有人注意到。没有哪一块会明显小于邻居。
固定块尺寸做不到这一点,因为你要的就是一个确切的尺寸。1000 像素的图按 300 像素切,会得到三个完整块和一个 100 像素的余数。最后这一块就保持短的样子。补齐会加上原图从未有过的背景,拉伸则会让内容变形 — 所以两样都不做,出现这种情况时预览会告诉你。
你不必凭信任,而是能亲眼看到:小块是按真实的相对尺寸画出来的,所以边上那块短,看起来就短。
原图的每一个像素都恰好落在一块里。接缝处既不会丢失,也不会重复。
命名方式,让碎片能拼回去
小块按位置命名:photo-r01c01.png、photo-r01c02.png,依此类推 — 先行后列,补零对齐。
这意味着在任何地方按名称排序 — 文件管理器里、上传对话框里 — 它们都会按阅读顺序排列,从左到右、从上到下。做 Instagram 九宫格时请记住,帖子是最新的排在前面,所以要倒着上传。
PNG 还是 JPG
- PNG 保留完全一致的像素。一块图与它来自的原图部分逐字节相同,透明也会保留。图形、截图,以及之后还要再编辑的东西,选它
- JPG 文件小得多,还有画质滑块。照片选它。由于 JPG 没有透明,透明区域会变成白色
人们用它做什么
- 用一张照片做一个 Instagram 3 × 3 九宫格
- 把大图切成打印分页,拼贴成一张海报
- 把精灵图拆成一帧帧
- 用一张图做拼图块或单词卡
- 把地图或图纸切成供查看器使用的瓦片
- 把长截图切成读得下去的几段
值得知道
- 什么都不会上传。图片在你的浏览器中切开,绝不离开你的设备
- 原始文件不会被改动 — 你得到的是新的小块
- 一次最多 400 块,这样失控的网格也不会把页面卡住
- 支持 PNG、JPG、WebP 和 GIF(动图取第一帧)
- 所有小块装在一个 ZIP 里 — 也可以点击单独一块只保存那一块
- 在手机和平板上都能用,电脑上自然也行