无缝贴图预览：检查纹理是否无缝
无缝贴图预览是一款纹理无缝检查工具，它会在网格中重复你的图片，让你一眼看出平铺时是否会出现明显接缝。上传一张纹理或图案，预览就会把它左右、上下排开，错位的边缘和色差一目了然。
无论是游戏素材、CSS 背景图案、壁纸设计还是任何重复图片，都可以用它来检验。调整网格、增加间距、用镜像模式翻转相邻块，再高亮接缝线，就能准确找到各块拼接的位置。
适用人群
游戏开发者
在引擎中应用之前，先为 3D 模型、地形和表面测试纹理。
网页设计师
检查 CSS 背景图案在整页或某个区块中的重复效果。
平面设计师
导出前先验证用于印刷与数字媒体的无缝图案。
壁纸创作者
预览设计在大面积上以不同密度重复时的效果。
如何检查图片能否无缝平铺
上传图片
点击上传区或将文件拖放进来。支持 PNG、JPG、SVG 和 WebP。图片会立即以 3×3 网格平铺显示。
设置网格
用列数和行数滑块（各为 2 到 10）增减重复次数，从 2×2 一直到 10×10 网格。
检查接缝
将间距设为 0 并开启高亮接缝，会在各块交界处画出虚线。如果图案能跨过这些线条而不中断，就说明它能无缝平铺。
下载结果
需要时可试试镜像模式和背景色，然后点击下载，将完整平铺网格保存为 PNG。
功能特性
实时平铺预览
图片上传后立即在网格中重复，改动任意设置时预览都会即时重新渲染。
灵活网格控制
列数与行数可分别设为 2 到 10，组成 2×2 到 10×10 的网格，在任意密度下评估图案。
四种镜像模式
可选正常、Mirror X、Mirror Y 或 Mirror XY，翻转相邻块，探索万花筒般的排列。
间距控制
在各块之间最多加 20 px 间距以隔开每一块，或将间距设为 0 进行真正的无缝测试。
高亮接缝
在每块边界开启红色虚线，清楚看到各块交界的位置，揪出不完美的接缝。
自定义背景色
选择块后方的颜色，在任意底色上预览透明 PNG 与 WebP 图片。
常见格式
通过拖放或选择文件上传 PNG、JPG、SVG 或 WebP，加载后显示文件名和大小。
导出 PNG
将完整平铺网格保存为 PNG 图片，可直接分享或放入你的设计。
画布自动缩放
大图和大网格会自动缩小，让预览保持流畅，并控制在安全的 canvas 范围内。
常见问题
怎么检查纹理是不是无缝的？
上传图片，将间距设为 0，再开启高亮接缝。沿着红色虚线观察：如果图案跨过虚线时没有明显断裂或色差，你的纹理就是无缝平铺的。
“可平铺（tileable）”是什么意思？
可平铺（或无缝）的图片可以左右、上下重复排列而不露出任何可见边界。各块相邻放置时，每条边都能与对侧的边完美衔接。
为什么我的可平铺纹理会出现明显接缝？
当对侧边缘在颜色、亮度或细节上对不上时就会出现接缝。本预览工具会把它们显现出来；要修复，可在图片编辑器中融合边缘，或在这里用镜像模式让边缘对称匹配。
镜像模式有什么用？
镜像模式会翻转相邻块：Mirror X 翻转相邻列，Mirror Y 翻转相邻行，Mirror XY 同时翻转两个方向，形成万花筒效果。由于每块都映射相邻块的边缘，镜像可以隐藏接缝，让本身无法平铺的图片也呈现出无缝外观。
可平铺纹理用 PNG 还是 JPG 更好？
当纹理需要透明，或需要避免 JPG 压缩在各块边界产生的边缘瑕疵时，用 PNG 或 WebP。对于压缩时的细微变化不会产生新接缝的纯照片纹理，JPG 也没问题。
有文件大小限制吗？
没有固定的大小限制，因为一切都在浏览器中运行。超大图片配上大网格可能让预览变慢，因此当总尺寸超过安全上限时，工具会自动缩小画布。
我的图片会上传到服务器吗？
不会。图片在你的浏览器中通过 canvas 本地读取和平铺，PNG 下载也是在你的设备上生成的。你的图片绝不会离开你的电脑。
还没有评论，快来发表第一条！