介绍

像素风好看的地方在于「信息被压缩了」——一张普通照片经过降采样和调色板映射后，细节被抹平，形状和色块反而更突出，于是有了复古游戏的质感。

像素画生成器 用 Canvas 在浏览器里完成整套流程：拖一张图进来，实时看到像素化结果，调参数直到满意，最后导出 PNG。图片不会上传到任何服务器，断网也能用。

功能特点

  • 三种导入方式：拖入图片、点击选择文件、直接 Ctrl + V 粘贴剪贴板里的图。
  • 格式支持：PNG / JPG / GIF / WebP。
  • 像素块大小可调：从细腻的「马赛克感」到大块的「8 位游戏感」，一个滑块控制。
  • 两种采样方式：
    • 区域平均（柔和）：每个像素块取区域平均值，颜色过渡自然，适合人像和风景。
    • 最近邻（硬朗）：直接取采样点原色，边缘锐利、色块分明，适合图标和图形。
  • 画面调节：亮度、对比度、饱和度独立可调，转换前先把原图调到合适状态，效果差别很大。
  • 六种调色板：原图（不限制颜色）、复古 16 色、GameBoy、8 色、灰度、黑白。选调色板是决定「像不像老游戏」的关键一步。
  • 主色调提取：自动分析出画面的主要颜色，点击色块即可复制 HEX 值，做配色参考很方便。
  • 像素格显示：可以打开网格线，看清每个像素块的位置，方便对着改。
  • 导出倍数：1x（像素尺寸）、2x、4x、8x，一键下载 PNG。像素画天生分辨率低，导出高倍图才能当头像、封面或印刷素材用。

使用教程

  1. 打开页面，把图片拖进左侧画布区域（也可以点击选择，或复制图片后按 Ctrl + V）。
  2. 先在「参数」里调「像素块大小」。想保留人物五官就调小，想要强烈复古感就调大。
  3. 切换「采样方式」对比效果：人像照片通常用「区域平均」更耐看，图标、剪影用「最近邻」更干净。
  4. 试「调色板」。复古 16 色是最出效果的一档；GameBoy 只有四种绿色，做怀旧风最直接。
  5. 微调亮度 / 对比度 / 饱和度，把画面从「灰蒙蒙」拉回「有对比」。
  6. 需要做设计参考时点一下主色调色块，复制 HEX 值。
  7. 选好导出倍数（一般 4x 或 8x），点「下载 PNG」。

效果配比建议

  • 人像：像素块大小适中 + 区域平均 + 复古 16 色，肤色不会出现奇怪的色斑。
  • 风景：块可以再大一点，对比度略加，色块化的天空和山脊线会很好看。
  • 图标 / Logo：用最近邻 + 8 色或黑白，边缘干净不留脏边。
  • 社交头像：导出 4x 或 8x，避免平台压缩后糊成一团。

常见问题 FAQ

Q: 图片会被上传吗？

不会。整个过程由浏览器 Canvas 在本地完成，图片不会离开你的设备，处理时也不需要联网。

Q: 为什么导出的图看起来比预览更糊？

预览是按显示尺寸缩放的，导出则按「像素块大小 × 导出倍数」生成实际像素。想得到清晰的结果，导出倍数至少选 4x；如果是当封面用，选 8x 更保险。

Q: GIF 动图会变成动画像素画吗？

不会。当前版本只取一帧静态画面做转换，动图的动画效果不会被保留。

Q: 转换后颜色很少、层次不够怎么办？

这是降采样的必然结果。两个办法：一是先把「像素块大小」调小，保留更多色块；二是调色板选「原图」，不限制颜色数量，只保留像素化效果。

相关工具