如何将高分辨率像素画适配到小屏幕且不模糊
对于小屏幕，切忌直接使用平滑滤镜缩小高分辨率像素画，并指望保留每个像素的细节。首先确定在目标尺寸下哪些内容必须保持清晰可辨，然后制作专门的小屏幕版本：简化细节、使用适宜的滤镜调整尺寸，并在其实际显示尺寸下进行检查。整数倍比例有助于保持一致的像素形状，但无法还原较小图像无法容纳的细节。
为什么缩小像素画会显得模糊
高分辨率原图包含的像素多于目标尺寸所能显示的像素。缩放过程必须合并或丢弃源信息。诸如双线性插值等平滑滤镜会根据相邻像素计算输出颜色，这可能会软化硬边缘的颜色分界。最近邻采样则选择一个源像素并忽略其他像素，因此可以避免混合颜色，但可能会丢失细微特征或导致线条粗细不均。Godot 的图像文档描述了这两种效果，MDN 也指出浏览器的缩放行为取决于所选的渲染模式。Godot: Image MDN: image-rendering
因此，获得清晰锐利的效果并不仅仅是选择“不模糊”那么简单。它取决于目标尺寸、作品中的像素形状和间距，以及最终图像的显示方式。应将小尺寸版本视为一种设计适配，而不是机械地缩小原图。
在调整尺寸前确定目标尺寸
测量作品将要显示的区域（以像素为单位），并保持源图像的宽高比。如果原图为 1200 × 800 像素，目标为 300 × 200，则每个方向的比例为 1:4。源图像中每个 4 像素宽的区域都会整齐地映射到目标图像的一个像素上；这种比例非常合适，不过细微特征在此尺寸下仍然会被压缩掉。
对于像 320 × 180 这样的目标尺寸，首先要将图像适应在这些边界内而不发生拉伸。如果宽高比不同，请选择裁剪、添加黑边还是重新排版构图。切勿通过挤压图像来填满画面：这会改变像素形状，并可能使面部、轮廓和图案发生扭曲。不同的宽高比需要明确的构图取舍；Godot 和 Unity 均说明了将裁剪或黑边作为处理显示不匹配的方式。Godot: Multiple resolutions Unity: Pixel Perfect Camera reference
简化无法保留的细节
制作源图像的副本，并在调整尺寸前减少细节。移除孤立的单像素高光、狭窄的轮廓线、极小的文本，以及在目标尺寸下会合并成噪点的纹理簇。强化轮廓，并保持重要颜色区域的清晰分明。如果某个特征具有重要含义（例如眼睛、符号或物体轮廓），应在目标尺寸下重新绘制，而不是指望缩小算法能将其保留下来。
一个有用的检查方法是以 100% 比例查看目标尺寸的预览，并确认每个重要特征是否依然清晰可辨。放大预览有助于检查像素边缘，但无法反映出该作品在预期的物理尺寸下是否易于辨识。请保留全分辨率的母版，这样为某一小屏幕做出的简化就不会影响其他用途。
根据所需效果选择调整尺寸的方法
当作品必须保持严格的调色板和清晰硬边像素块时，请使用最近邻算法，然后仔细检查是否存在丢失的特征和不均匀的线宽。因为它选择的是相邻的源像素而不是混合相邻颜色，所以避免了双线性滤波带来的边缘软化过渡。缺点是它可能会丢弃源图像中的许多细节。Pillow: Filters
对于希望更平滑地表现原图整体面貌的小尺寸图像，可以将 Lanczos 等高质量降采样滤镜与更简单的面积或盒式（box-style）缩小算法进行比较。这些方法综合了多个源像素的信息，能够保留大致形状，但在清晰边缘周围会引入中间过渡色。Godot 将 Lanczos 描述为降采样时的高质量选项；Pillow 则记录了不同滤镜的采样方法。可以在包含对角线、细线和高对比度边缘的局部裁剪图上测试各个备选方案，然后通过查看实际尺寸下的效果来做出选择。Godot: Image Pillow: Filters
显示条件允许时使用整数缩放
整数比例在缩放完成的小图像以便显示时，或者当源图像尺寸能被目标尺寸整除时最为有用。此时，每个源像素在输出时都占据相同数量的完整像素。非整数倍缩放会导致像素分布不均匀；Godot 的示例对比了将 640 × 360 的基础图像按 2 倍缩放到 1280 × 720 与非整数比例缩放，后者会导致像素大小不一致。Godot: Multiple resolutions
对于无法匹配纯整数比例的小屏幕，请保持宽高比并有意识地做出权衡：留出未使用的边距、略作裁剪，或制作专门针对该布局的版本。整数缩放可能会留下黑边或无法充分利用显示区域。它并不是缩小高分辨率母版的万能方案，尤其是当源尺寸和目标尺寸无法整除时。
在实际显示路径中检查最终图像
导出为目标像素尺寸，然后在实际的应用程序、浏览器或设备中以预期大小查看导出的文件。如果第二阶段对其进行了平滑缩放，原本清晰导出的图像也会变模糊。对于浏览器 Canvas 绘图，默认情况下是启用平滑处理的；MDN 文档说明了当缩放图像需要保留硬边缘时，应将 imageSmoothingEnabled 设为 false。CSS 的 image-rendering: pixelated 也会影响显示的图像，但 MDN 提醒，非整数的设备像素比仍可能导致像素呈现不均。MDN: imageSmoothingEnabled MDN: Crisp pixel art look
在实际尺寸下检查三点：关键细节是否仍然可辨认、对角线和轮廓看起来是否协调一致，以及导出后图像是否被再次拉伸或重新采样。同时检查目标显示设备的缩放设置；浏览器缩放和非整数设备缩放都会影响像素的一致性。如果边缘看起来很模糊，在重新修改画面之前，请排查从源到显示的完整路径，找出产生平滑处理的环节。
实用的决策流程
- 设定目标宽度和高度，并决定如何处理任何宽高比差异。
- 制作工作副本，并简化在该尺寸下无法容纳的细节。
- 导出最近邻版本和平滑滤镜版本进行对比；包含包含细节和对角线的局部图。
- 在实际显示尺寸下评估两个版本，然后重绘任何消失或变模糊的关键特征。
- 确认应用程序或浏览器没有应用多余的二次缩放，并将最终版本保存为预期尺寸。
如果需要严格的硬边缘且缩放比例恰好匹配，请选择最近邻；如果保留整体轮廓形状比仅维持原始调色板颜色更重要，请选择平滑降采样滤镜。如果两个版本都无法清晰辨读，请针对目标尺寸修改画面或重新构图。重新采样可以重新分布细节，但无法将大图中的所有特征塞进更少的像素里。