Pixel Art Maker
Draw pixel art on a grid and export it as PNG or CSS.
Runs entirely in your browser.
Your data never leaves this device and is never sent to our servers.
CSS box-shadow sprite
A grid, a palette and a few tools is all pixel art needs. Set your canvas size, pick colours, and draw. Export as a PNG at whatever scale you need, or as CSS if you want the sprite without an image request.
How to use it
- Choose a grid size.
- Pick a colour and draw. Use fill and eraser as needed.
- Export as PNG, or copy the CSS version.
Not working as you expect? Report a problem with this tool.
Frequently asked questions
What grid size should I start with?
16 by 16 is the classic sprite size and forces useful discipline. 32 by 32 gives room for more detail.
Is my drawing saved?
It stays in your browser while the page is open. Export before you close the tab.
Why export as CSS?
A box-shadow sprite needs no image request and scales without blurring, which is occasionally handy for small icons.