透明边缘与像素对齐检查

优先使用整数倍缩放

一张 16×16 的图放大到 32×32 或 48×48 时，每个源像素都能对应固定数量的屏幕像素。若放到 30×30，浏览器需要重新分配边界，细线容易产生轻重不一的模糊。

展示像素资源时，可以给图片使用 image-rendering: pixelated，但它不能修复错误的切图坐标，也不能替代实际尺寸检查。

检查透明像素里的颜色

完全透明的像素仍可能保存颜色值。缩放或压缩时，这些颜色会与可见边缘混合，形成浅色或深色轮廓。导出前应检查透明区是否带有不合适的底色。

定位拼接细缝

图块之间出现一条细线，常见原因包括坐标落在半像素、缩放比例不是整数、图集采样越过切片边界。排查时先固定相机和缩放，再逐项改变条件，避免同时调整多个变量。

最小检查表

• 元素位置和尺寸是否为整数。
• 图集切片周围是否需要留出安全边距。
• 渲染器是否启用了线性过滤。
• 设备像素比变化时结果是否一致。

保留同尺寸截图

对比前后版本时，使用相同视口、相同缩放和相同场景截图。这样才能判断差异来自资源本身，还是来自浏览器与布局条件。