切成三张的1001像素宽的图像不会给出333的三块图块。 它给出了 333、334 和 333，哪个瓦片获得了额外的像素决定图片是否会重新组合在一起。 写这篇文章的明显方法，将宽度除以数目并为每个瓷砖使用该大小，在没有报告任何内容的情况下从 1001 x 667 图像中删除 2,333 像素。 瓷砖本身看起来不错。 只有当它们彼此并排时，损坏才会出现，就像一条线上有一条错误的东西，在一个九块的 Instagram 网格上是每个访问者都看到的一个地方。
TL;博士: 拆分图像是重复的一个算术决定：当图像不均匀地划分时，每个剪辑都在哪里落下。 从单个圆形序列计算每个边界使瓷砖的右边缘瓷砖 n+1 的左边缘被构造，因此这些碎片可以精确地重新组装。 经过哈希验证：1001x667 图像分成九个图块，并粘贴回生成的原始像素与原始像素相同，
6fc1f790a418dc1ed3ee3d11747f1c20。 朴素的方法从同一图像中掉落 2,333 像素。 那个 图像分离器 在浏览器中运行并交回拉链。
在这里拆分图像是什么意思？
将一张图片切割成一组较小的图片，可以准确地平铺，没有重叠，没有任何遗留。
两种方式来表达你想要的。 网格模式 需要多行和列，因此 3 x 3 会提供九个图块的图像大小。 大小模式 以像素为单位的瓷砖宽度和高度，但是网格是其中许多拟合的，右侧列和底行是剩余的。
其背后的工作是具体的。 一张图片中的九块 Instagram 网格。 一张大地图或海报，分成可打印的表格。 一张精灵片切成框架。 旋转旋转木柱的全景图。 在其中的每一件作品中，这些作品都将再次相邻，这就是为什么接缝对操作的重要性比其他任何事情都重要。
为什么网格不均匀地划分？
因为图像尺寸是相机产生的任何东西，三个很少进入它们。
像素是整数，因此切割要么落在像素边界上，要么不存在。 宽度不是列数的倍数的图像必须有一个必须去的地方的余数，唯一的问题是在哪里。
在分离器产生的序列上测量：
| 图像宽度 | 割入 | 瓷砖宽度 | 项 |
|---|---|---|---|
| 1000 | 3 | 333、334、333 | 1000 |
| 1080 | 3 | 360、360、360 | 1080 |
| 1001 | 7 | 143 x 7 | 1001 |
| 4032 | 5锛屽湪娴欐睙鏉 | 806、807、806、807、806 | 4032 |
其余的是分散而不是倾倒。 三个部分的 1000 像素图像给出 333、334、333，而不是 333、333、334，因为每个边界的计算方式为 round(total * i / count) 从相同的序列。 差异在一张图像上是不可见的，并且在网格上很重要，最后一个瓷砖上的额外像素使最后一列明显比其他图像宽。
注意第三行。 1001除以7正好是143，而且很多尺寸确实可以干净利落地划分。 算术只有在它们没有时才会显示出来。
你怎么知道接缝处没有任何东西丢失？
通过拆分图像并将其重新组合在一起，然后比较像素而不是查看它们。
我生成了 1001 x 667 的确定性噪声图像，因此每个像素都与其邻居不同，并且任何重复或删除的列对哈希都是显而易见的。 然后我使用工具自己的计划将其拆分为3乘3，提取每个图块，并将每个图块粘贴到它来自的坐标上：
source 1001x667 raw md5 6fc1f790a418dc1ed3ee3d11747f1c20
reassembled 9 tiles raw md5 6fc1f790a418dc1ed3ee3d11747f1c20
一样。 不相似，不在视觉上不可区分：相同的字节。 没有像素丢失，没有像素被复制。
生产它的瓷砖大小不一样，这就是重点：
334x222 333x222 334x222
334x223 333x223 334x223
334x222 333x222 334x222
九块瓷砖，三种不同的宽度和两个不同的高度，覆盖667,667像素，正好是667的1001倍。
现在是同一个工作的幼稚版本。 搭 floor(1001 / 3) 並 floor(667 / 3)每块瓷砖使用333 x 222，您可以通过666覆盖999。 一条宽度为两像素和一像素高的条带永远不会使其成为任何瓷砖。 即2,333像素无声丢弃，在照片上是图片的右边缘。
网格模式还是固定的瓷砖大小？
网格当碎片数量很重要时。 尺寸 当每件的尺寸很重要时。
| 你想要 | 模式 | 为什么 |
|---|---|---|
| 饲料网格的九个帖子 | 网格, 3 x 3 | 计数是要求 |
| A4 张纸上的海报 | 尺寸 | 纸张尺寸是要求 |
| 将精灵片切成框架 | 尺寸 | 帧大小是固定的并且已知 |
| 将全景图变成旋转木马 | 网格，1排 | 计数是传送带长度 |
这两种模式对剩菜不一致，这就是它们之间的真正区别。 网格模式分配剩余部分，因此每个图块都在其他一个像素内。 大小模式为您提供了您要求的大小，并将全部剩余部分放在最后一行和列中。
大小模式下的最后一行和列会发生什么？
它们的表现更小，这是故意的。
将 1000 x 800 图像拆分为 300 x 300 的图块，会得到 4 x 3 的网格。 十二个瓷砖，其中六个不是 300 x 300：
r0c3 100x300 r1c3 100x300 r2c3 100x200
r2c0 300x200 r2c1 300x200 r2c2 300x200
那些覆盖800,000像素，正是来源。 另一种方法是将图像裁剪成大量的图块，这意味着在右侧悄悄地扔掉一个 100 像素的条带和一个 200 像素的底部。 一个这样做的工具正在为您决定您的图片边缘无关紧要。
如果您想要相等的瓷砖，请使用网格模式。 如果您想要给定尺寸的瓷砖并且图像不被它划分，那么尺寸过小的边缘块是诚实的答案。
为什么文件名为 R01-C01？
这样，按名称排序的文件管理器会为您提供读取顺序，否则它不会这样做。
排序是字母，所以 tile-10 排序 tile-1 並 tile-2。 以错误顺序列出的十二块网格以错误的顺序重新组装，任何使用文件名工作的人都将第十行放在第二行所属的位置。
数字被填充到最大索引的宽度，因此只有在需要时才会显示填充：
3 x 3 grid shot-r3-c3.png
12 x 12 grid My-Holiday-Photo-r01-c01.png ... My-Holiday-Photo-r12-c12.png
原始名称被保留，带有空格和任何不是单词字符的字符变成连字符，因此来自手机的文件仍然告诉您它是什么。
瓷砖的PNG或JPG？
除非瓷砖是照片，否则总尺寸是个问题。
拆分本身是无损的：图块中的像素是源的像素。 保存为 PNG 保持这种方式，因为 巴布亚新几内亚 是一种无损格式。 保存为 JPG 重新编码每个磁贴，这在已经是 JPEG 的照片上意味着第二代损失。
超越通常的PNG，分裂偏爱PNG是有原因的。 JPEG 压缩 8 x 8 块，其伪影在这些块的边缘最强。 每个瓷砖边界都是新文件中的新边缘，对邻居不了解编码，因此 JPEG 瓷砖可以显示出您试图使不可见的接缝处的微弱不连续性。 巴布亚新几内亚没有这种行为。
质量为 0.92 的 JPG 是您挑选时工具所写的内容，这是一个合理的设置，仍然是第二代。 对于九块照片，用于社交提要，无论如何都会重新压缩它们，这是一种可以防御的交易。 对于任何正在打印或重新组装的东西，PNG。
你能做多少块瓷砖？
四百，这是一个20乘20的网格，限制是关于浏览器而不是算术。
每块瓷砖在任何东西被压缩之前都变成了自己的画布和自己的编码blob，因此四百块瓷砖意味着四百块画布和四百个编码在一个标签中。 在此之后，编码开始使页面停滞而不是缓慢完成。
21 x 21 -> That is 441 tiles. The limit is 400, which is a 20 by 20 grid.
第二次检查抓住了另一端。 您不能将图像切割成比该轴上像素更多的部分，因此拒绝使用 50 像素高的图像要求 80 行图像的实际尺寸，而不是生成 30 个零高度的图块。
Instagram 上的九块网格会排列吗？
碎片会是正确的。 幻觉是否有效是一个单独的问题，有两个部分。
第一，形状。 饲料网格是方形单元，因此方形源分割 3 x 3 提供方形瓷砖，一切都匹配。 一张 4:3 的照片 3 x 3 的照片分割为 4:3 的瓷砖，并且饲料将每个单独裁剪成一个正方形，从而打破图片。 裁剪或将源打磨到分裂之前的正方形，而不是之后。
二是订单。 一个提要先从左上角填充最新的，向右移动。 因此，您想要的左上角的瓷砖必须是最后一张贴出来的。 过帐顺序与阅读顺序相反：从右下方的瓷砖开始，从左上角结束。 按文件编号的顺序发布它们会将图片倒置并从前排到前面。
接缝也不会是不可见的，因为网格在缩略图之间绘制了一个小的间隙。 效果是通过窗口框架而不是连续图像看到的图片，这是每个网格帖子的外观和人们的期望。
瓷砖应该是什么尺寸的纸张打印？
从纸张和打印机的分辨率向后工作，并期望总和大于您的图像。
A4 是 210 x 297 毫米。 每英寸 300 点，这是被仔细观察的通常目标，即每张 2,480 x 3,508 像素。 因此，跨越 A4 的 3 x 3 的海报需要 7,440 x 10,524 像素的源，即 78 兆像素。 最近一部手机的照片大约是 12。
因此，此作业的诚实版本通常分辨率低于 300 dpi，或更少的工作表，或者接受打印会是软的。 在 150 dpi 时，3 x 3 需要 3,720 x 5,262，这是一个好的相机触手可及的地方。 拆分不能添加细节；它只决定剪切的位置。
在打印之前而不是之后解决的一件事。 消费者打印机无法打印到纸张的边缘，因此每个瓷砖以白色边距到达，九张纸带在一起显示九个白色边框。 通常的答案是打印机支持无边框，或者沿一边修剪每张纸并重叠。 这个工具切割得很好，没有出血，也没有重叠，所以重叠必须来自源头：分割一个稍大的网格并接受丢失条带，或者在分裂之前自己添加出血。
分裂会失去质量吗？
切割没有。 节省的力量，以及没有人提到的调整大小肯定可以。
每个图块从源图像绘制到一个完全大小的画布中，一个源像素到一个目标像素，不涉及缩放。 那是副本。 上面的哈希测试就是它的证明。
质量去哪里是编码器，上面涵盖的，完全之外的一件事：你上传瓷砖的任何地方可能会调整它们的大小。 平台将缩放 360 x 360 的磁贴，该平台将按 1080 x 的比例放大 1080 x 的信息，并升级发明像素。 如果瓷砖的目的地为已知尺寸，则将一个足够大的源分割成至少每个瓷砖的大小。
为什么下载是以zip的形式出现的？
因为九个文件或四百个文件不是浏览器可以一次交出一个而不是战斗的东西。
一个页面触发了几个顺序下载，在第一个之后被大多数浏览器阻止，这是对想要将二十个东西放入下载文件夹的页面的明智保护。 建造一个 拉开 在页面中并提供一个文件是它的方式，它还保持图块及其名称完整，这是重新组装的重要部分。
存档是在内存中构建的，这是四百块瓷砖天花板的另一个原因：标签同时保存源图像、每个瓷砖的画布、每个编码的 blob 和完成的存档。
分裂不做什么
它将一个矩形切割成矩形网格。 里面没有别的东西。
瓷砖之间没有重叠，某些映射工作流程需要。 没有用于打印的出血或裁剪标记。 没有非矩形的片段。 拆分前没有自动裁剪到正方形。 没有重新组装，这是对立的工作和属于 图像合并, 覆盖在 它的指南。
如果您想要一个拼图、一个马赛克或有重叠的瓷砖，这不是那个工具，在开始之前而不是在九个文件登陆您的下载文件夹之后，这个差距值得了解。
为什么会在浏览器中运行？
因为从图片中剪下矩形是什么 画布本机，服务器只在其他人的磁盘上添加图像副本。
图片被解码到标签中，每个图块都绘制到自己的画布中，每个画布都用编码 toBlob，并且该系列被拉链并交还。 没有上传任何内容，也没有存储任何内容。
人们拆分的图像并不总是用于提要的假日照片。 它们是平面图、扫描文件、医学图像、内部系统截图、出版前的艺术品。 对于这些，通常的替代方案会将整个图片发送到服务，以换取您自己的机器在几分之一秒内执行的操作。
