2 分钟
头像配色指南：用主色、辅助色和点缀色控制画面
为头像选三类颜色，并比较同一个真实头像修改配色前后的效果。
阅读 →方块头像制作器和头像编辑器
使用原生 HTML5 Canvas 编辑器制作方块头像。选择脸型、头发、五官和背景，预览后下载 256px 或 512px PNG。本页不使用 Flash 或 Ruffle。
HTML5 Canvas 编辑器
与网站的 Flash 和 Ruffle 工具分开。
实时预览
修改控件后，256 x 256 的 Canvas 会更新。
可以开始自定义
编辑器提示
- 想突出脸部时，可以使用简单的背景。
- 想尝试新组合时，可以使用随机组合。
- 下载前请在当前显示尺寸下检查预览。
自定义图标
脸型
肤色
头发
发型
发色
眼睛、鼻子和嘴巴
眼睛
鼻子
嘴巴
脸颊
配饰
背景
背景颜色
背景图案
使用 HTML5 Canvas 制作头像
本页是一个原生 HTML5 Canvas 编辑器。你可以选择脸型、肤色、发型和发色、眼睛、鼻子、嘴巴、脸颊、配饰、背景颜色和背景图案。
修改控件后，预览会在原位更新。随机组合会应用一组新的选项。下载 PNG 会把当前 Canvas 导出为 256px 或 512px。
你可以用这个编辑器制作方块头像并保存为 PNG。本页不使用 Flash 或 Ruffle，也不会上传你的设计。
- 脸型包括方形、圆角和椭圆
- 可以调整头发、眼睛、鼻子、嘴巴、脸颊和配饰
- 七种背景颜色和四种背景图案
- 带随机组合的 Canvas 实时预览
- 支持 256px 或 512px PNG 导出
为什么选择我们的方块头像制作器？
原生 HTML5 Canvas
编辑器在本页的 Canvas 中运行，与保存下来的 Flash 和 Ruffle 工具分开。
实时预览
修改选项后，256 x 256 的预览会重新绘制。
脸部和五官控件
选择脸型、肤色、头发、眼睛、鼻子、嘴巴、脸颊和配饰。
背景选择
选择背景颜色，以及纯色、网格、斜线或点阵图案。
两种 PNG 尺寸
将当前设计下载为 256px 或 512px PNG。
你可以制作什么
资料头像
为个人资料、头像或个人项目制作方块头像。
风格组合
尝试不同的脸型、头发、五官、配饰和颜色组合。
小尺寸检查
用实时预览确认脸部和背景在一眼查看时是否依然清楚。
保存 PNG
完成后，把当前 Canvas 设计下载为 256px 或 512px PNG。
如何使用方块头像制作器
选择脸型
选择方形、圆角或椭圆脸型，再选择肤色。
设置头发和五官
选择发型和发色，然后设置眼睛、鼻子、嘴巴和脸颊。
选择背景
选择背景颜色和图案，或使用随机组合尝试新的组合。
检查实时预览
查看 256 x 256 的 Canvas 预览，并继续调整需要修改的选项。
下载 PNG
选择 256px 或 512px，然后点击下载 PNG。
常见问题
Q1. 这个编辑器是什么？
这是一个用于制作方块头像的原生 HTML5 Canvas 编辑器，不是 Flash 或 Ruffle 工具。
Q2. 可以修改哪些内容？
可以修改脸型、肤色、发型和发色、眼睛、鼻子、嘴巴、脸颊、配饰、背景颜色和背景图案。
Q3. 编辑时预览会更新吗？
会。选择选项后，256 x 256 的 Canvas 会重新绘制，让你在下载前查看当前设计。
Q4. 有哪些背景选项？
编辑器提供七种背景颜色，以及纯色、网格、斜线和点阵四种图案。
Q5. 可以下载哪些尺寸？
可以把当前设计下载为 256px 或 512px PNG。512px 文件也来自当前 Canvas 预览。
Q6. 这是网站的 Flash 或 Ruffle 编辑器吗？
不是。本页使用独立的 HTML5 Canvas 编辑器。保存下来的 Flash 和 Ruffle 工具位于其他页面。
Q7. 编辑器会上传我的设计吗？
不会。编辑器在浏览器中完成绘制和导出，不提供上传或账号保存功能。