How to make pixel art online
Pixel art is built one square at a time on a grid - game sprites, profile avatars, little icons and emotes all start this way. The Emaki Studio pixel editor gives you a grid, a pencil and a few tools, then exports a crisp PNG, all in your browser. Here is how.
- 1. Open the Pixel Art Editor and set your grid Choose your grid size to begin. Smaller grids like 16x16 or 32x32 give the classic pixel-art look and are easier to keep tidy.
- 2. Draw with the pencil Click or drag to fill squares with colour. Pick colours as you go and they build up in a recent-colour row for quick reuse.
- 3. Use fill, eraser and the colour picker Flood-fill a whole area at once, erase mistakes, and use the picker to grab a colour already on the canvas so shading stays consistent.
- 4. Zoom in for detail Work up close on individual pixels for the fiddly parts, then zoom back out to check how it reads at actual size.
- 5. Export your PNG Export writes the art at its true size - a 32x32 grid is a 32x32 PNG - ready to use as a sprite, an avatar or an icon. Pro adds a scale of up to 20x, which blows each cell up into a hard-edged block for a feed or a print. Either way it is rendered locally in your browser.
Open the Pixel Art Editor · Read the full guide
- How do I make pixel art online for free?
- Open the Emaki Studio pixel editor in your browser - pencil, eraser, fill and a colour picker on a grid, then export a true-size PNG. There is nothing to install and no account.
- What size grid should I use for pixel art?
- Small grids give the classic look - 16x16 for icons and simple sprites, 32x32 when you want more detail. Starting small keeps the piece readable.
- Why does my pixel art look blurry when I export it?
- It is not the file - a true-size export is exactly your grid, so it is sharp. The blur comes from whatever you view it in stretching it smoothly. Export at a larger scale (a Pro feature) and Emaki Studio scales the PNG up without smoothing, so it stays hard-edged wherever it lands.