如何放大像素画而不模糊

像素画由刻意放置的方形像素构成。普通图片缩放器会把它当作连续照片，在相邻颜色之间插值，让曲线看起来平滑；但对 16×16 图标或角色 Sprite 来说，这种“平滑”会把清晰轮廓变成模糊色块。

可靠方法是最近邻缩放，并使用 2×、3×、4×、8× 这样的整数倍率。每个源像素会变成同色、同样大小的方块，不生成中间色，不改变阶梯状轮廓，透明像素也会保持透明。

普通缩放为什么会模糊像素画

大多数编辑器和浏览器在改变图片尺寸时会启用插值。双线性插值混合附近像素，双三次算法参考更大范围，照片会显得更顺滑。

像素画不需要这些“估算出来的颜色”。深蓝与浅蓝之间的一像素硬边，可能是角色轮廓、高光或眼睛。混合后出现的中间色会让边界发虚。非整数缩放还会让部分源像素变成 3 像素宽、另一些变成 4 像素宽，破坏线条粗细和节奏。

最近邻不做平均，只选择距离最近的源像素。在 Canvas 工具中，这相当于缩放绘制时关闭 image smoothing。方法很简单，却正好符合像素块放大的需要。

选择整数倍率

整数倍率能保证所有源像素拥有相同的输出块尺寸。

把 32 像素放到 100 像素需要 3.125×，只能让一部分像素占 3 格、另一部分占 4 格。如果平台强制要求 100×100，可以先按 3×放到 96×96，再把清晰结果放进 100×100 画布，而不是把图案本身拉伸到任意尺寸。

游戏里不一定需要修改源文件。许多引擎能用最近邻过滤，把小 Sprite 以整数 Transform 倍率显示。真正需要导出放大文件的场景包括：平台要求更大图片、制作宣传图、设计软件无法正确处理小纹理，或交付规范要求固定高分辨率素材。

第一步：从真实源像素开始

尽量使用原始 PNG。截图、社交平台副本或 JPG 可能已经产生平滑边缘与压缩噪点。最近邻会忠实放大这些缺陷——它能避免新增模糊，却不能修复已经模糊的源图。

高倍放大检查一像素线条。如果轮廓附近出现许多设计中不存在的近似颜色，先寻找更早版本或手动清理。还要确认真实画布：32×32 角色放在 64×64 透明画布中，放大时处理的是完整 64×64，因为透明边距也是对齐信息的一部分。

透明 Sprite 优先使用 PNG。JPG 不支持 Alpha，通常不适合作为像素游戏素材；WebP 可以保持清晰和透明，但应确认它采用无损导出。

第二步：选择倍率并查看预计尺寸

打开 像素画放大工具，上传图片并选择整数倍率。处理前先看页面显示的最终宽高。

计算公式是：

输出宽度 = 原图宽度 × 倍率

输出高度 = 原图高度 × 倍率

尺寸按倍率线性增长，未压缩像素内存却按面积增长。4× 会产生 16 倍输出像素，8× 会产生 64 倍。小 Sprite 依然轻量，大型插画则可能很快触及浏览器、GPU 或游戏引擎限制。

当任意方向超过 8192 像素时，工具会展示预计结果、风险和“是否继续生成”的选择。它不是普通报错，而是兼容性确认。若更大的文件没有明确用途，尤其面向移动端和 Web 游戏时，应优先降低倍率。

第三步：使用最近邻生成

开始处理后，工具会创建新画布、关闭平滑，并把源图绘制到所选整数倍尺寸。它不会运行生成式 AI，不会重画轮廓，也不会凭空补充纹理。

这与照片 AI 放大不同。照片算法会尝试推测睫毛、布料或细节，但对有意设计的像素画来说，新细节可能改变画风、调色板和剪影。最近邻承诺的是“每个原像素都保持权威”，而不是让图片看上去更像高清插画。

源图带透明度时，Alpha 会与颜色一起复制。全透明像素变成全透明方块，半透明像素也保持半透明。后者可能是烟雾、阴影等设计，也可能来自错误抗锯齿，需要结合原图判断。

第四步：检查像素网格

不要只看“适应窗口”的预览。把结果放到 100% 或整数倍缩放，抽查多个区域：

• 每个源像素是否对应相同大小的方块。
• 横竖一像素线是否始终保持相同粗细。
• 斜线阶梯是否重复原始图案。
• 调色板颜色之间是否出现新的混合色。
• 透明边缘是否新增深色或浅色光圈。

还可以分别从原图和结果取样。最近邻放大不应引入新的 RGB 值，只会增加相同颜色像素的数量。

同时检查画布边缘。源图周围有透明留白时，放大结果的留白也会按比例增加，这是正确行为。之后单独裁掉某些动画帧的留白，会改变 Pivot 并造成播放时抖动。

第五步：导出 PNG

下载为 PNG，它能够无损保留硬边和 Alpha。文件名可以带倍率或目标尺寸，例如“hero-idle-4x.png”“icon-128x128.png”，同时保留最小、最干净的源文件作为 Master。

不要对已经放大的图片反复缩放。每个新尺寸都从 Master 生成，可以避免误用插值和积累编辑误差。

如果某平台必须使用 JPG，只在最后一步把 PNG 放到目标实体背景上再导出，并单独保存透明 PNG，因为转换成 JPG 后无法恢复精确透明度。

游戏引擎仍可能让图片变模糊

PNG 文件本身清晰，不代表游戏内一定清晰。引擎可能启用线性过滤、把 Sprite 缩放到非整数尺寸、使用有损压缩，或把它放在屏幕像素之间。

导入后依次检查：

1. 像素画纹理使用 Nearest 或 Point 过滤。
2. 避免改变调色板边缘的有损压缩。
3. Pixels Per Unit 与相机缩放符合项目像素网格。
4. 需要 Pixel Perfect 时保持合适的位置和缩放。
5. 在真实目标分辨率上测试，而不只看编辑器窗口。

Mipmap 在 3D 远景纹理中很有用，却可能在缩小时混合 2D 像素颜色。应根据纹理用途决定，不要把同一导入预设套在全部资产上。

放大完整 Sprite Sheet

当每个单元格、Margin 和 Spacing 都应该以相同倍率增长时，可以直接放大完整 Sheet。32×32 单元格、1 像素间距按 4× 后，会变为 128×128 单元格和 4 像素间距；之后切片必须使用放大后的参数。

也可以先用 Sprite Sheet Cutter 拆帧，分别放大，再通过 Sprite Sheet Maker 重建。后者适合部分帧需要手动修图的情况，但更容易改变顺序和画布尺寸，必须保证所有帧采用同一倍率。

不要只把某几帧以不同倍数放大后放回规则网格。除非引擎明确支持特殊方案，同一动画中的帧应共享相同单元格和像素比例。

常见错误

直接指定任意目标尺寸

非整数倍率会产生大小不一的像素块。先选择最接近需求的整数倍率，再通过增加画布满足外部尺寸，而不是拉伸图案。

以为最近邻能修复模糊源图

它只重复现有像素。源文件有抗锯齿或 JPG 噪点时，这些颜色会被放成更大方块，应先清理或替换源文件。

文件清晰，但显示层开启平滑

检查游戏引擎、CSS、Canvas 或编辑器预览。存储像素可能完全正确，只是显示阶段采用线性过滤。

输入文件很小，就忽略内存

压缩体积不等于解码画布内存。单个 RGBA 缓冲区可以用宽×高×4 字节做基础估算，实际处理还需要额外工作内存。

独立裁掉动画帧透明边框

透明边框常常保存对齐关系。逐帧裁掉以后，每张静态图看起来没问题，播放时角色却可能跳动。

哪些情况不必放大

引擎已经以整数倍清晰显示、纹理内存紧张，或更大文件没有交付意义时，保留原始尺寸更好。放大无法增加动作细节，也不能改善本来就不清晰的剪影。

如果目标是把照片或平滑插画变成像素画风格，应使用 图片转像素画工具。它会降低空间分辨率和颜色数量，与放大现有像素画完全不同。

最终检查流程

从干净 Master 开始，选择整数倍率，查看预计尺寸，以最近邻生成，检查颜色和 Alpha，导出 PNG，最后在目标引擎中验证过滤、压缩和屏幕对齐。

正确结果应该像“通过更大的方格观看同一幅作品”，而不是被平滑解释，也不是 AI 重绘版本。

清晰放大像素画

常见问题

像素画最适合哪种缩放方式？

最近邻最可预测，能够保持像素块和调色板颜色不变。

应该选择 2×、4× 还是 8×？

选择满足输出需求的最小整数倍率。倍率越大，宽高和像素内存增长越快。

导出的图很清晰，为什么游戏里模糊？

可能是线性过滤、非整数 Transform、有损压缩、Mipmap 或非像素对齐位置造成的，应检查引擎导入和渲染设置。

最近邻会增加细节吗？

不会。它只精确重复源像素，因此能保持像素风格，但无法恢复原图不存在的细节。

可以放大透明 Sprite Sheet 吗？

可以。透明度、单元格、Margin 和 Spacing 会一起按倍率增长，导入或再次切片时要使用放大后的网格参数。