第二十三课：游戏分辨率与适配

风格定完，还要解决一件很「技术」、又很致命的事：像素画进游戏后糊不糊、裂不裂。

在 Aseprite 里好看，不代表屏幕上好看。差别通常不在「你会不会画」，而在分辨率怎么定、放大怎么放。

1、分辨率到底是给谁用的

先记住一句（很反直觉，但很管用）：

像素画的分辨率，首先是给画师画画用的画布；玩家看到的，往往是这张画布整数倍放大后的结果。

新手常见坑：

• 「游戏要 1080p，我就画 1920×1080 的像素画。」
  → 点太多，像插画；一缩放就糊；像素感也没了。

更合理的思路：

1. 先定基分辨率（Base Resolution）：游戏世界「原生」有多宽、多高
2. 玩家屏幕是显示分辨率
3. 用整数倍把基分辨率放大到尽量接近显示分辨率

常见基分辨率	比例	角色大概多高	适合
320 × 180	16:9	约 16–24 px	新手、极简、强像素感（《Celeste》同档）
320 × 240	4:3	约 16–24 px	复古掌机 / SFC 味
640 × 360	16:9	约 32–64 px	现代 Steam 像素游戏更常见
960 × 540	16:9	更大	更细，但成本明显更高

新手优先：320×180。它刚好：×6 → 1920×1080，而且和你练过的 16×16 / 24×24 角色很合拍。

角色 / 表情包尺寸也是同一逻辑：24、64、112 不是「越大越高级」，而是信息量预算——越大，你要管的像素越多。

2、整数倍放大：像素完美的第一法则

放大可以「无损」，但请只按 2×、3×、4×…… 来。

• 2×、3×：每个游戏像素变成一样大的方块 → 干净
• 2.5× 这类非整数：有的像素 2 格、有的 3 格 → 边缘碎、看起来脏

例子（基分辨率 320×180）：

显示目标	整数倍	实际画面	黑边？
1920×1080	×6	1920×1080	无
1280×720	×4	1280×720	无
1366×768	×4	1280×720	有（居中留边）
3840×2160	×12	3840×2160	无

像素完美说人话：每个游戏像素在屏幕上都是同样大小的小方块，不拉伸变形、不糊边。

像素游戏优先建议：

1. 固定基分辨率
2. 整数倍放大
3. 装不满就留黑边（Letterbox / Pillarbox）——黑边可以用简单边框装饰，但别用「糊到铺满」换美观

宽屏多看见一点场景（Extend View）可以以后做；起步别急着上，免得美术穿帮、重要物件落到看不见的边缘。

3、滤镜：Nearest 才像像素，Linear 会磨掉像素

同一个 3× 放大：

• Point / Nearest Neighbor / None：硬边，格子还在 → 要这个
• Linear / Bilinear / Bicubic：颜色被抹开 → 秒变糊图

软件名字不统一，认准意思：最近邻，不要平滑插值。

引擎 / 软件里也同理：

• Godot：窗口用固定 viewport，Stretch 常选 viewport + keep（或整数缩放相关插件/设置）
• Unity：可用 2D Pixel Perfect 相机包；Import 时关闭 filter，用 Point
• 导出图集 / 截图分享：同样检查是不是误开了平滑缩放

引擎细节后面课还会碰；本课先把「滤镜选错」这个坑钉死。

4、缩小和「已经放大过的图」

再记三条实操：

1. 缩小像素画通常等于毁掉硬边——能避免就避免；必须缩小，多半要当「重新画一版小图」，而不是直接挤扁。
2. 别人发你的图常常是 3× 放大版。要 2× 时：先数清「一个大像素」占几格 → 缩回 1× → 再按整数倍放大。
3. 非整数放大看起来碎，整数放大但滤镜开错，看起来糊——两种都不是「你画功突然退步了」。

同一张脸从高分辨率一路减到小图标：细节要主动删、主动保留识别点。这就是「换分辨率」时美术在做的事——不是按一下缩放完工。

5、屏幕比例与安全区（够用就行）

常见比例：4:3、16:9、16:10、21:9、手机竖屏 9:16。

像素游戏起步：锁定一个比例（多半 16:9）+ 黑边，最稳。

再留一点安全区：

• 血条、按钮、对话文字：别贴死屏幕最外缘
• 手机还要躲刘海 / 圆角 / 手势条
• 电视可能有过扫描，边缘再保守一点

重要的交互对象永远放在画面中心偏内；边缘留给装饰和远景。

6、怎么选：一张小表

你的情况	建议
第一次做完整像素小游戏	320×180，角色约 16–24 高
要做 Steam 向、表情/UI 稍多	640×360，角色约 32–64 高
坚持「画面必须铺满任何窗口」	先别；像素感会先牺牲
已经画了素材却发现分辨率不合适	宁可重定基分辨率，也不要靠平滑拉伸硬凑

选完就写进项目 README / Style Guide 一行：Base = ?，Scale = Integer + Nearest。

7、作业

1. 选定基分辨率：写出游戏类型 + 目标平台 + 你选的宽×高，以及理由（三句话内）。
2. 算一张缩放表：你的基分辨率分别在 1920×1080、1366×768、2560×1440、3840×2160 下，用最大整数倍会得到多大画面、有没有黑边、黑边大概多少。
3. 做一次对比截图（引擎或 Aseprite 导出均可）：
   • A：整数倍 + Nearest
   • B：故意用非整数，或故意开 Linear
     两张并排，用文字标出「哪里碎了 / 哪里糊了」。

可选：在你的假想画面上圈出 90% 安全区，标出血条和主按钮应该落在哪。

下一课进入角色设计：剪影、配色、层次——分辨率管「画布多大」，角色课管「人长什么样」。