pixelated.vercel.app

Pixellate是什么网站?

Pixellate 是一个基于 HTML5 Canvas 的像素画与像素动画创作工具，以渐进式 Web 应用（PWA）形式提供，支持离线使用，并对手机等移动设备友好。

主要用途

• 绘制像素画：新建画布时先选择网格尺寸，再逐格上色。
• 制作像素动画：工具定位同时覆盖 pixel art 与 animation。
• 保存与安装：界面提供 New、Save image、Install PWA 等入口，作品可导出为图片，也可作为 PWA 安装到设备上离线使用。

适合谁在什么情况下用

• 想快速画一张像素头像、图标或小素材，又不想装桌面软件的人。
• 用手机或平板随手创作，需要触屏友好、打开即用的人。
• 网络不稳定或希望离线也能继续画的人，PWA 的离线兼容正好对应这种场景。

与同类工具的侧重差异

• 相比 Piskel 这类同样在线、偏动画工作流的编辑器，Pixellate 的入口更轻：先选网格尺寸就进入绘制，适合快速起稿。
• 相比 Aseprite 这类付费桌面软件，Pixellate 不依赖安装，胜在打开浏览器即用和移动端适配，但在专业动画帧管理、图层与导出格式上不会走同一条重功能路线。
• 相比 Pixilart 这类带社区与分享属性的平台，Pixellate 更像纯创作工具，没有围绕作品发布和社交展开。

下一步可以怎么用

打开网站后先点 New，选定网格尺寸并确认，即可开始逐像素绘制；画完用 Save image 导出图片。如果打算长期在手机上使用，可以走 Install PWA 把它装到桌面，之后离线也能打开继续画。

Pixellate怎么调整画布网格的尺寸?

在 Pixellate 里调整画布网格尺寸，入口就在左上角的菜单里，通过新建流程完成。

具体操作

1. 点击左上角的 ☰ 菜单。
2. 选择 New（新建）。
3. 在弹出的“Select the Dimensions Of the grid”窗口中，分别填入网格的 X（横向格数）和 Y（纵向格数）。
4. 点 OK 确认，画布就会按新尺寸重建。

需要注意

• 这一步是新建画布，不是对当前画布做局部缩放。如果画布上已有像素内容，先点 Save image 保存，再新建，避免丢失。
• 尺寸指的是像素网格的格数（例如 32×32），不是屏幕显示大小。
• Pixellate 是 Pixellate 提供的 HTML5 Canvas 像素画与动画工具，支持 PWA 离线使用，手机浏览器上同样可以用这套菜单流程操作。

例如需要在手机上画一个 16×16 的小图标，就打开菜单 → New → X 填 16、Y 填 16 → OK，然后直接在触屏上逐格上色。

Pixellate怎么把作品保存成图片?

在 Pixellate 里保存图片，用顶部的 Save image 按钮即可。

操作步骤

1. 打开 Pixellate（Pixellate），先设置画布尺寸：在 Select the Dimensions Of the grid 里填好 X 值，点 OK。
2. 在网格上画好像素作品。
3. 点顶部菜单里的 Save image，浏览器就会把当前画布导出成图片文件。

使用情境

• 手机上临时画一张像素图：Pixellate 是移动端友好的 PWA，画完直接点 Save image 存图，不用装 App。
• 离线状态下创作：它支持离线使用，断网时同样能画并导出图片。
• 想反复修改同一份作品：用 New 开新画布、Save image 导出成品，是两条独立的操作，导出不会覆盖画布内容。

注意点

• 导出的是当前网格画面，尺寸由第 1 步设置的 X 决定，所以想好最终要多大再开始画，避免后期重画。
• 如果想把工具装到桌面或手机主屏、之后离线打开，用 Install PWA；这和保存图片是两件事。

Pixellate如何安装成PWA离线使用?

Pixellate 本身是一个基于 HTML5 Canvas 的像素画与动画工具，官方说明它就是 PWA，支持离线使用。安装方式通常在页面内完成。

安装步骤

1. 用浏览器打开 Pixellate 网站。
2. 在页面顶部菜单里找到 Install PWA 选项（页面资料显示菜单包含 New、Save image、Install PWA、Github）。
3. 点击后按浏览器弹出的提示确认安装。
4. 安装完成后，它会像普通应用一样出现在桌面或应用列表里，之后即使断网也能打开使用。

不同浏览器的入口

• Chrome / Edge（桌面或安卓）：地址栏右侧通常会出现安装图标，也可以从浏览器菜单选“安装应用”或“添加到主屏幕”。
• iOS Safari：点击分享按钮，选择“添加到主屏幕”。
• 安卓 Chrome：菜单里选“安装应用”或“添加到主屏幕”。

使用建议

如果菜单里的 Install PWA 没有反应，可以改用浏览器自带的安装入口。安装后首次打开建议联网一次，让离线缓存写入完成，之后再断网测试。

例如需要在没有网络的平板或手机上随时画像素图，就可以先按上面步骤装好，再关掉 Wi-Fi 打开验证。

用手机浏览器打开Pixellate能正常画画吗?

可以。Pixellate 是移动友好的像素画与动画工具，用手机浏览器打开就能画，并且支持离线使用。

手机上的实际体验

• 界面按手机屏幕设计，进入后先选画布网格尺寸，确认即可开始画。
• 顶部菜单提供新建、保存和“安装 PWA”，说明它把手机浏览器当作正式使用场景。
• 作为 PWA，首次加载后可以安装到桌面并离线打开，适合通勤、等人时随手画。

需要注意的地方

像素画依赖精确点按，手机上手指会挡住落点，画小尺寸网格时容易点错。建议：

• 用触控笔，或把画布尺寸设大一些再缩小显示。
• 横屏使用，留出更多操作空间。
• 画细节时双指放大画布，避免误触。

如果只是随手涂像素小人、做简单逐帧动画，手机浏览器完全够用；要长时间精细作画，还是电脑配鼠标更顺手。同类工具可参考 Piskel（偏桌面网页端）和 Pixilart（社区与移动端并重）。

Pixellate的Github入口在哪里?

Pixellate 的 GitHub 入口在页面顶部工具栏里，是一个标有“Github”的按钮或文字链接，与“New”“Save image”“Install PWA”等操作并列。

怎么找到它

• 打开 Pixellate 网站 Pixellate，进入绘图界面。
• 看顶部菜单栏（页面左上角有“☰”图标的那一条），在“Install PWA”右侧即可看到“Github”入口。
• 如果界面较窄（手机端），部分按钮可能被折叠，可先点“☰”展开菜单再找。

使用场景

• 想查看源码、提交 issue 或了解更新：从该入口进入仓库。
• 想离线使用：同一栏的“Install PWA”可把工具装到本地，与 GitHub 入口位置相邻，方便一起找到。