像素画生成器
在网格上点击上色绘制像素画，可调整网格大小与调色板，完成后导出为字符画或 CSS 代码。
🖼️ Pixel Art Generator
Draw a pixel picture on a grid, change the grid size and palette, and export the result as character art or CSS code.
📐 计算公式 / 原理
在网格上点击上色，数据按二维数组存储并渲染为字符画或 CSS 像素块；网格大小与调色板可调，用于像素风图形制作。
📚 深度解析：Pixel Art Generator
💡 常见使用场景
- 照片像素化。
- 头像复古。
- 游戏素材。
照片转 32 色像素
<p><strong>输入：</strong>上传图、块 12px、限 32 色。</p><p><strong>处理：</strong>区域取平均并量化。</p><p><strong>输出：</strong>像素风图下载。</p>
❓ 常见问题（FAQ）
- 色越多越真？
- 是，但失像素味；按风格权衡色数。
- 块大小怎么选？
- 块越大越像素化；小图用小块更细腻，大图可用大块出风格。
- 会保存或上传我的内容吗？
- 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
⚠️ 使用说明与注意事项
- 点击网格上色，支持绘制/擦除两种模式
- 8 种基础色板，网格 4-24 可调
- 字符画用 ■ / · 表示像素，可复制
- 纯本地绘制，图案不保存不上传
如何使用Pixel Art Generator
- 在对应的输入框或选项中填写、选择所需参数。
- 点击「计算」或「生成」按钮运行。
- 在结果区查看输出，可复制结果或导出使用。
参数说明
- 网格尺寸（N×N）
- 当前颜色
- 绘制模式
适用场景
设计稿标注、配色与排版相关的快速参考。
常见问题
- Pixel Art Generator是做什么的？
- 画一张像素画：在网格上点击上色，调整网格大小与调色板，完成后导出为字符画或 CSS 代码。
- 如何使用Pixel Art Generator？
- 在对应的输入框或选项中填写、选择所需参数，点击「计算」或「生成」按钮即可运行，结果会在结果区实时显示，支持复制与导出。
- 计算结果准确吗？
- 本工具在你的本地浏览器中实时计算，不依赖服务器；只要输入的参数正确，结果即按对应的规则得出。涉及经验估算的部分仅供参考，不作为正式依据。
- Pixel Art Generator适合哪些场景？
- 设计稿标注、配色与排版相关的快速参考。
- 使用本工具需要联网或上传数据吗？
- 不需要。所有计算均在你的设备本地完成，数据不会上传到任何服务器，可放心使用。