一、先分清两个分辨率屏幕分辨率屏幕上真实的格子数固定不变例如 1920×1080 渲染分辨率游戏实际计算、绘制的画面大小可以由游戏自己决定平时两者一样大游戏直接画到屏幕上。降低渲染分辨率时游戏会先在一张较小的“草稿纸”上画再把草稿纸放大贴到屏幕上第 1 步在 1280×720 的画布上画出整个画面 ┌──────────────┐ │ 1280×720 │ GPU 只需要算 92 万个像素 └──────────────┘ │ │ 放大 1.5 倍 ▼ 第 2 步拉伸到 1920×1080 的屏幕上显示 ┌─────────────────────┐ │ │ │ 1920×1080 │ 屏幕显示 207 万个像素 │ │ 但其中很多是“猜”出来的 └─────────────────────┘二、1920×1080 的图片经历了什么以一张 1920×1080 的背景图为例它要经过两次缩放原图 1920×1080 │ 缩小到 0.667 倍每 3 个像素压成 2 个 ▼ 画布 1280×720 ← 细节在这一步丢失 │ 放大到 1.5 倍每 2 个像素撑成 3 个 ▼ 屏幕 1920×1080 ← 丢失的细节回不来只能靠插值“猜”用一排像素说明假设原图中有一排黑白相间的细条纹类似细小的文字笔画原图 6 个像素 ■ □ ■ □ ■ □ 清晰的黑白条纹 缩小成 4 个像素 ▓ ▓ ▒ ▒ 3 格压成 2 格黑白混在一起变成灰色 放大回 6 个像素 ▓ ▓ ▓ ▒ ▒ ▒ 按灰色补出来条纹没了只剩模糊的灰结果是最终尺寸还是 1920×1080但画面变模糊了细线、小字、图标边缘最明显。这就是前面说的“不是 1:1”原图的 1 个像素不再对应屏幕的 1 个像素。三、为什么游戏要这么做GPU 的大部分工作量和要计算的像素数量成正比渲染分辨率像素数相对工作量1280×720约 92 万11920×1080约 207 万约 2.25 倍3200×14402K 手机约 461 万约 5 倍降低渲染分辨率可以带来帧率更高例如从 40 帧提升到 60 帧手机发热更少更省电手机屏幕像素很密3D 画面稍微降低分辨率玩家通常不太容易察觉。很多游戏的“画质设置”里的“分辨率低/中/高”调的就是渲染分辨率。四、常见做法3D 画面降分辨率UI 保持原生分辨率UI 上的文字、按钮、图标最怕模糊而 3D 场景地形、角色、特效稍微模糊一点不太明显。所以游戏一般分两层渲染第 1 层3D 场景 按 1280×720 渲染再放大到 1920×1080 ← 省性能 第 2 层UI按钮、文字、血条 直接按 1920×1080 原生分辨率绘制 ← 保持清晰 ↓ 叠在一起显示到屏幕上效果┌─────────────────────────────────────┐ │ [血条] 清晰 [暂停] 清晰 │ │ │ │ 3D 场景略微模糊不明显 │ │ │ │ (摇杆) 清晰 (攻击) 清晰 │ └─────────────────────────────────────┘这样1920×1080 的 UI 资源仍然是 1:1 显示的只有 3D 画面被缩放。五、在引擎里是怎么设置的Unity有两种降分辨率的方式效果差别很大方式 AScreen.SetResolution(1280, 720, true) 整个游戏包括 UI都按 1280×720 渲染 → UI 也会变模糊 ✗不推荐 方式 BURP 管线中调整 Render Scale例如 0.67 只降低 3D 场景的渲染分辨率 Canvas 设为 Screen Space - Overlay 时UI 仍按原生分辨率绘制 → UI 保持清晰 ✓推荐Godot项目设置 → Rendering → Scaling 3D → Scale 0.67 只缩放 3D 画面2D UI 不受影响Cocos Creator可以给 3D 相机设置较低分辨率的渲染目标RenderTextureUI 相机仍然正常渲染到屏幕。六、放大时怎么让画面不那么糊直接拉伸双线性插值最简单但最模糊。现在有更好的放大算法技术说明双线性放大最简单效果最模糊AMD FSR放大后再做锐化手机上常用Unity URP 内置支持Apple MetalFX苹果设备上的放大技术动态分辨率画面复杂时自动降低分辨率简单时提高保持帧率稳定总结1. 降低渲染分辨率 先在小画布上画再放大到屏幕 2. 图片会被“先缩小、再放大”细节丢失画面变模糊 3. 目的是减少 GPU 计算量提高帧率、降低发热 4. 通常只降低 3D 场景的分辨率UI 保持原生分辨率 5. 这样 UI 资源仍然 1:1 显示按钮和文字保持清晰一句话降低渲染分辨率就像把画先画在小纸上再放大复印会变糊所以游戏一般只对 3D 场景这样做按钮和文字仍然按屏幕真实分辨率来画。
一、先分清两个分辨率屏幕分辨率屏幕上真实的格子数固定不变例如 1920×1080 渲染分辨率游戏实际计算、绘制的画面大小可以由游戏自己决定平时两者一样大游戏直接画到屏幕上。降低渲染分辨率时游戏会先在一张较小的“草稿纸”上画再把草稿纸放大贴到屏幕上第 1 步在 1280×720 的画布上画出整个画面 ┌──────────────┐ │ 1280×720 │ GPU 只需要算 92 万个像素 └──────────────┘ │ │ 放大 1.5 倍 ▼ 第 2 步拉伸到 1920×1080 的屏幕上显示 ┌─────────────────────┐ │ │ │ 1920×1080 │ 屏幕显示 207 万个像素 │ │ 但其中很多是“猜”出来的 └─────────────────────┘二、1920×1080 的图片经历了什么以一张 1920×1080 的背景图为例它要经过两次缩放原图 1920×1080 │ 缩小到 0.667 倍每 3 个像素压成 2 个 ▼ 画布 1280×720 ← 细节在这一步丢失 │ 放大到 1.5 倍每 2 个像素撑成 3 个 ▼ 屏幕 1920×1080 ← 丢失的细节回不来只能靠插值“猜”用一排像素说明假设原图中有一排黑白相间的细条纹类似细小的文字笔画原图 6 个像素 ■ □ ■ □ ■ □ 清晰的黑白条纹 缩小成 4 个像素 ▓ ▓ ▒ ▒ 3 格压成 2 格黑白混在一起变成灰色 放大回 6 个像素 ▓ ▓ ▓ ▒ ▒ ▒ 按灰色补出来条纹没了只剩模糊的灰结果是最终尺寸还是 1920×1080但画面变模糊了细线、小字、图标边缘最明显。这就是前面说的“不是 1:1”原图的 1 个像素不再对应屏幕的 1 个像素。三、为什么游戏要这么做GPU 的大部分工作量和要计算的像素数量成正比渲染分辨率像素数相对工作量1280×720约 92 万11920×1080约 207 万约 2.25 倍3200×14402K 手机约 461 万约 5 倍降低渲染分辨率可以带来帧率更高例如从 40 帧提升到 60 帧手机发热更少更省电手机屏幕像素很密3D 画面稍微降低分辨率玩家通常不太容易察觉。很多游戏的“画质设置”里的“分辨率低/中/高”调的就是渲染分辨率。四、常见做法3D 画面降分辨率UI 保持原生分辨率UI 上的文字、按钮、图标最怕模糊而 3D 场景地形、角色、特效稍微模糊一点不太明显。所以游戏一般分两层渲染第 1 层3D 场景 按 1280×720 渲染再放大到 1920×1080 ← 省性能 第 2 层UI按钮、文字、血条 直接按 1920×1080 原生分辨率绘制 ← 保持清晰 ↓ 叠在一起显示到屏幕上效果┌─────────────────────────────────────┐ │ [血条] 清晰 [暂停] 清晰 │ │ │ │ 3D 场景略微模糊不明显 │ │ │ │ (摇杆) 清晰 (攻击) 清晰 │ └─────────────────────────────────────┘这样1920×1080 的 UI 资源仍然是 1:1 显示的只有 3D 画面被缩放。五、在引擎里是怎么设置的Unity有两种降分辨率的方式效果差别很大方式 AScreen.SetResolution(1280, 720, true) 整个游戏包括 UI都按 1280×720 渲染 → UI 也会变模糊 ✗不推荐 方式 BURP 管线中调整 Render Scale例如 0.67 只降低 3D 场景的渲染分辨率 Canvas 设为 Screen Space - Overlay 时UI 仍按原生分辨率绘制 → UI 保持清晰 ✓推荐Godot项目设置 → Rendering → Scaling 3D → Scale 0.67 只缩放 3D 画面2D UI 不受影响Cocos Creator可以给 3D 相机设置较低分辨率的渲染目标RenderTextureUI 相机仍然正常渲染到屏幕。六、放大时怎么让画面不那么糊直接拉伸双线性插值最简单但最模糊。现在有更好的放大算法技术说明双线性放大最简单效果最模糊AMD FSR放大后再做锐化手机上常用Unity URP 内置支持Apple MetalFX苹果设备上的放大技术动态分辨率画面复杂时自动降低分辨率简单时提高保持帧率稳定总结1. 降低渲染分辨率 先在小画布上画再放大到屏幕 2. 图片会被“先缩小、再放大”细节丢失画面变模糊 3. 目的是减少 GPU 计算量提高帧率、降低发热 4. 通常只降低 3D 场景的分辨率UI 保持原生分辨率 5. 这样 UI 资源仍然 1:1 显示按钮和文字保持清晰一句话降低渲染分辨率就像把画先画在小纸上再放大复印会变糊所以游戏一般只对 3D 场景这样做按钮和文字仍然按屏幕真实分辨率来画。
