像素头像尺寸指南：从 16px favicon 到 512px 头像该怎么导出
favicon、论坛头像、游戏图标、社交头像各该导出多大？为什么 16×16 网格必须整数倍缩放才清晰，以及 PNG、ICO、SVG 分别适合什么场景。
Minecraft Pixel Art Team
像素画是少数「导出尺寸」本身就是作品一部分的艺术形式。一个 16×16 的小图标在浏览器标签页里堪称完美，放到社交头像上却可能糊成一团；一张大尺寸肖像塞进 favicon，又可能缩成一坨灰泥。所以真正有用的问题不是「哪个尺寸最好」，而是「每个用途需要哪个尺寸」。
简短答案：按用途选尺寸，并按整数倍缩放。 16×16 的像素头像在 32、48、64、96、128、256、512 像素下都能保持锐利，因为每个原始像素都变成同样大小的 2×2、3×3、4×4……32×32 色块。而 100px 这类「中间尺寸」会迫使像素忽宽忽窄，画面失去网格感——也就失去了像素画的味道。
这篇指南把整条导出阶梯讲清楚：每个尺寸对应什么用途、为什么整数倍缩放是唯一必须遵守的规则、PNG / ICO / SVG 各适合什么场景，以及如何应对那些会自行缩放你上传图片的平台。文中所有尺寸都可以用我们的像素头像图标生成器直接导出，免费、无需注册。
快速答案：尺寸阶梯，而不是「最佳尺寸」
不同位置需要不同尺寸。我们的导出选项就是围绕这条阶梯设计的：
| 导出尺寸 | 适合用途 | 为什么需要这一档 | | --------- | ---------------------------------- | ----------------------------------------------------------------------------- | | 16px | 网站图标（favicon）、微型徽章 | MDN 对 favicon 的描述是「通常为 16×16 像素」，一般以 GIF、PNG 或 ICO 格式存储 | | 32–48px | 小型 UI 图标、列表头像、工具栏按钮 | 基础网格的两倍或三倍——小、锐利、可辨认 | | 64–96px | 经典论坛头像、签名档、花名册 | 传统的论坛头像区间，五官细节仍可分辨 | | 128–256px | 聊天软件头像、游戏角色肖像 | 足够呈现发丝、眼神等皮肤细节 | | 512px | 上传主图（master copy） | 一张大图，任何平台都能从它缩小导出 |
关于这张表，有两点要诚实说明：
- 除了 favicon 一行，这些区间是行业通行做法，不是官方规格。聊天软件、论坛和游戏引擎各自决定显示尺寸，而且版本之间会变。
- 这正是最高一档存在的意义：一张 512px 主图，可以覆盖平台今天或明年可能选用的任何显示尺寸。
为什么整数倍缩放是唯一重要的规则
像素画固定画在网格上——在我们的生成器里是一张 16×16 的网格，每一张脸、每一款发型、每一件服装都逐像素绘制。256 个格子里的每一格都是一个颜色单位。缩放时会发生什么？
- 16 × 6 = 96px： 每个格子变成完全相同的 6×6 色块。边缘保持笔直，双眼依然对称，96px 的画面就是 16px 画面的忠实放大。
- 16 × 6.25 = 100px： 一个格子不可能宽 6.25 像素，渲染器只能让色块在 6 和 7 像素之间交替。笔直的边缘出现锯齿状的错位，脸的左右两半微妙地不再对称，小尺寸下画面显得「脏」——虽然几乎没人说得出原因。
这也是为什么用通用图片编辑器缩放像素画通常会失望：平滑插值会把相邻像素混成中间色，而这恰恰与像素画的本质背道而驰。网格就是风格本身。
实操规则：按基础网格的整数倍导出（16 → 32、48、64、96、128、256、512），显示尺寸交给目标平台决定。作品本身足够锐利，后续任何缩小都能保持可读。
PNG、ICO 还是 SVG：什么场景用什么格式？
我们的生成器三种格式都能导出，各司其职：
| 格式 | 适用场景 | 优势 | | ---- | ------------------------------------ | -------------------------------------------------------------------------------- | | PNG | 头像上传、论坛头像、游戏素材 | 普遍接受、无损、支持透明背景 | | ICO | 网站 favicon | 一个文件打包多种尺寸，浏览器自动为标签页、书签栏或任务栏快捷方式挑最清晰的那一档 | | SVG | Web 项目、Wiki、文档等支持矢量的地方 | 从一个极小的文本文件无限缩放——一份素材覆盖所有显示尺寸 |
一个流程提醒：有些平台只接受 PNG/JPG 等位图格式上传头像，所以把 PNG 当作默认交付格式，SVG 用在你自己控制渲染的地方——自己的网站、游戏引擎 UI、文档。
那具体平台呢（Discord、论坛、游戏）？
聊天软件会在多个位置显示同一张头像——成员列表里的小圆圈、悬浮卡片、完整资料页——并且由平台自行缩放你上传的图。与其追逐每个 App 当前版本的像素数（版本一变就失效），不如遵守能穿越版本变化的规则：
- 上传大尺寸主图。 导出 512px，让平台自己缩小。锐利的整数倍缩放图经得起缩小；小图放大则永远无法找回不存在的细节。
- 能控制尺寸的位置就导出精确尺寸。 favicon、有明确尺寸限制的论坛签名、游戏 UI 图标栏都接受精确尺寸——选阶梯上对应的那一档（16 的整数倍）就能保持像素级完美。
- 脸部居中。 大多数现代应用会把头像裁成圆形，眼睛和嘴巴远离四角，才不会被裁掉。
- 游戏 token 和跑团肖像选大图。 地图上的 token 会被放大，256px 或 512px 的导出经得起缩放，64px 的就会糊。
事实核查说明：favicon 约定来自 MDN（页面最后修订于 2025 年 7 月）。各 App 的显示尺寸不在本文重新测量之列——那是随版本变动的设计决策，而主图规则让这个差异变得无关紧要。
透明背景还是填充背景？
生成器两种都支持，选择取决于头像的使用位置：
- 透明背景能融入任何表面——论坛头像和游戏 UI 的默认选择。一个提醒：轮廓线是深色的，在深色主题的应用里会隐形；浅色轮廓则在浅色主题里消失。
- 填充背景让头像自带固定边框。一块复古调色板的纯色背景看起来像刻意设计的「卡片」，同时完全避开深浅主题的问题。
16–32px 时，背景细节就是噪点——纯色比渐变或纹理更可读。精细背景留给 128px 以上、像素足够渲染它们的尺寸。
一次生成，所有尺寸
手绘 16×16 头像的好处是：它是一件作品，而不是五件。在我们的生成器里生成一次角色——脸部、发型、眼睛、服装、配饰全部来自手绘零件，提供 8 套复古调色板和 8 种肤色，还支持从照片提取调色板（全程在浏览器本地完成，照片不上传）——然后按每个目的地导出所需尺寸：通用场景用 PNG 和 SVG，网站图标用多尺寸 ICO，16px 到 512px 免费、无水印、无需注册。
每个头像还有 13 位分享码，任何人、任何设备都能重建完全相同的角色——整个团队需要配套头像时特别好用。
下一步： 打开像素头像图标生成器，摇一个喜欢的角色，导出 512px 主图和目的地需要的精确尺寸，全程不到一分钟。