PIXEL ART GUIDE

像素画放大为什么会变模糊，以及哪些倍数更安全

像素画与照片的缩放规则不同。照片通常适合平滑插值，而像素画中的格子边缘本身就是设计的一部分。如果放大算法生成新的中间色，原本的阶梯轮廓、描边厚度和重复节奏都可能变得不一致。

为什么要使用最近邻

普通图像缩放会混合附近像素生成新颜色；最近邻则直接复制源像素颜色。16×16 图片放大 4 倍时，一个源像素会变成 4×4 的同色块。边缘不会自动产生半透明混合色，因此原始像素网格能够保持清晰。

为什么推荐整数倍

2 倍、3 倍、4 倍时，每个源像素都会扩展成同样大小的矩形。2.5 倍时，有些像素必须占 2 列，有些占 3 列，因此 1 像素描边、点阵字体和重复纹理容易出现不均匀。整数倍可以避开这类分配误差。

大倍率首先是内存问题

宽高都放大 4 倍意味着总像素数量增加到 16 倍，8 倍则是 64 倍。浏览器 Canvas 处理的是解码后的像素缓冲，而不是压缩 PNG 的文件大小，所以大型背景即使源文件不大，也可能在 8 倍或 16 倍时快速占用内存。小型角色精灵通常更安全，但仍应检查实际浏览器表现。

区分游戏内资源与商店、宣传合成

游戏内需要保持像素风时，整数倍最近邻通常最合适。应用商店截图或宣传横幅的最终尺寸却不一定刚好是整数倍。更安全的方式是先把像素画元素按整数倍放大到足够尺寸，再在最终画布中排版，而不是直接对角色精灵使用奇怪的小数倍率。

放大后检查

• 1 像素描边在所有方向是否保持相同厚度？
• 是否出现原图没有的半透明或中间色？
• 重复 tile 的接缝是否仍然完整？
• 点阵字体是否保持规则网格？
• 最终分辨率是否超过引擎或平台限制？

什么时候普通缩放器更合适

照片、绘制插画和带平滑渐变的 UI 背景用最近邻放大会显得粗糙。这些资源更适合 图片尺寸调整，而需要保留可见像素网格的资源才适合 像素画放大。