北京市延庆区体育运动学校 像素画缩放：整数倍、滤镜与常见坑

本日教程｜像素画缩放：整数倍、滤镜与常见坑北京市延庆区体育运动学校

怎么在保证「照旧像素画」的前提下正确缩放。作念扮装和报复动画时时常要导出不同分手率，用对缩放形貌能少好多糊图、碎像素的坑。

什么是像素画

一种常见界说：低分手率、且每个像素的放手齐是挑升为之。和等闲图片不同，缩放时不成粗率用「平滑」算法，不然会糊掉。像素画是画在网格上的，雷同于马赛克或十字绣——每个格子对应一个像素，意图明晰。

为什么要缩放

你的屏幕（手机、平板、泄露器）自己亦然由物理像素构成的。画布上的像素需要「翻译」到屏幕像素上。当年 32×32 的图在 640×480 的屏幕上刚好；现时 4K 屏 3840×2160，32×32 会小得看不清，是以必须放大。

放大（Scaling Up）不错无尽放大而不丢质地，但只可按整数倍（2x、3x…）来放。若用 2.5x 等非整数倍，像素会错位、看起来碎。不要用平滑滤镜。应使用Nearest Neighbor / Point / None；幸免 Bilinear、Bicubic 等，不然边际会糊。

不同软件里滤镜名字不雷同：认准Nearest Neighbor、Point或None；不要选 Bilinear、Linear、Bicubic 这类会插值的选项。

削弱（Scaling Down）原则上不提议把像素画削弱——会碎裂明晰度。若必须削弱，可用 Bilinear 等平滑滤镜，但成果就不再是「硬边像素」了。例外：若拿到的是一经放大过的图（举例别东说念主发你的 3x 图），你念念作念成 2x，不错先缩回原始尺寸再按整数倍放大，这么不会丢质地。作念法：先放大检察，数一下「一个大像素」由几个屏幕像素构成（举例 3 像素高便是 300%）；把图像尺寸除以这个倍数得回「信得过像素尺寸」，再按 2x 放大即可。

常见问题 非整数倍缩放

念念要 2.5x 或 150% 这种尺寸时：

：先用 Nearest Neighbor 放大到最近的整数倍（如 2x 或 3x），再用 Bilinear 缩放到办法尺寸。会略糊，但无数情况可采用。高分手率时：办法分手率饱胀大时，告成 Nearest Neighbor 拉到办法尺寸，巧合碎像素不明显。进阶：会用 shader 的话，不错参考 Cole Cecil 的非整数倍缩放著作[1] 作念高质地缩放。混用不同分手率

尽量不要在归并画面里混用多种像素比例，不然会让东说念主以为「网格是粗率定的」。若必须混用：

整数倍联系（如 1x 和 2x），不要用 1.5x、150% 等。不要卓绝两种比例。不同分手率放在不同「画布」上、分开区域（举例 UI 一层、游戏天下一层）。

原文畅达：Scaling Pixel Art - Saint11[2]。

参考良友

Cole Cecil 的非整数倍缩放著作: https://colececil.io/blog/2017/scaling-pixel-art-without-destroying-it/

Scaling Pixel Art - Saint11: https://saint11.art/blog/scaling/