How to Use Pixel Art Maker: Step-by-Step Pixel Drawing
Reviewed by the OnlineFree.app team · Updated
Key points
- Pixel Art Maker draws on a fixed grid from 8×8 to 128×128 cells, defaults to 32×32, and needs no account.
- Export at 4x, 8x or 16x to get a crisp integer-scaled PNG with transparency intact.
- A single missing cell in an outline lets the fill tool flood the whole sprite.
- Pick the grid size before drawing; shrinking the canvas later means redrawing the sprite.
- Nothing is saved automatically, so download a PNG before closing the tab.
Draw your first sprite in five steps
You make a sprite in Pixel Art Maker (Online Pixel Drawing Tool) by picking a grid size, painting cells with the pencil or fill tool, and downloading a PNG at an integer scale. There is no sign-up, no install and no layer system to learn before the first click.
The loop is five steps. Open Pixel Art Maker (Online Pixel Drawing Tool) and leave the default 32×32 grid; set a hex colour such as #18181B for the outline; sketch the silhouette with the pencil at brush size 1; switch to fill for large interior blocks and the eraser to carve holes and highlights; then download at 8x. Most people end up with a readable 32×32 item icon in about five minutes.
Undo, Clear and Download PNG sit in the action bar above the canvas, and the status line below reports grid size, cells used and export dimensions. Treat that status line as a sanity check — it is the only place that tells you the exact pixel size of the file you are about to save.
Which grid size should you pick?
Start at 32×32 unless you already know your target. That default gives you 1,024 cells — enough for a character, an item icon or a tile — and at the default zoom of 16 screen pixels per cell the whole grid still fits on a laptop screen without scrolling.
Rough sizes: 16×16 (256 cells) for favicons and tiny items; 48×48 and 64×64 (2,304 and 4,096 cells) for characters with readable face detail; 128×128 (16,384 cells) for props and scene pieces. Custom sizes accept whole numbers from 8 to 128 per side, so 24×24 or 40×40 are both valid.
Choose the grid before you draw. Canvas size is a setup decision rather than a live transform, so moving from 64×64 down to 32×32 means redrawing at half the resolution — hand-downscaling a sprite rarely looks the way you pictured it.
Pencil, fill, eraser and leaky outlines
Five tools cover everything: pencil, eraser, fill, eyedropper and line. Pencil paints the current colour, fill floods a connected region, eraser clears back to transparency, eyedropper picks an existing colour off the canvas, and line draws a straight run of cells between two points. Brush size runs from 1 to 4 cells and applies to the drawing tools.
The most common mistake involves fill. A single missing cell in a hand-drawn outline is enough for fill to spill out and swallow the background, and at 16 screen pixels per cell that gap is easy to miss. Push the zoom slider to 24 or 32 before filling, close the outline with the pencil first, and the spill stops happening.
The second mistake is leaving brush size at 3 or 4 after a block-fill pass and then trying to add a one-pixel highlight. Keep it at 1 for detail work: a brush of 4 covers a 4×4 block, so sixteen cells change with one click.
Export a PNG that stays sharp
Download PNG writes a nearest-neighbour scaled file with transparency preserved, at 1x, 4x, 8x or 16x. A 32×32 sprite becomes 128×128 at 4x, 256×256 at 8x and 512×512 at 16x; a 128×128 canvas tops out at 2048×2048. Because the grid is capped at 128 cells per side, the warning about exports wider than 4096 px rarely fires in normal use.
Pick the scale based on where the file is going. Use 1x when your engine already applies point filtering, and 8x or 16x when the PNG will sit in a chat window, a slide deck, an itch.io page or a README where other software will scale it anyway — an integer multiple degrades far more gracefully than an arbitrary one.
Transparency travels with the file: the checkerboard behind the canvas is empty space, not a white background. If you genuinely need a solid backdrop, fill the whole canvas with a colour first. Then open the saved PNG once and confirm its dimensions match the status line before shipping it; the format itself is standardised (W3C PNG specification).
Can you draw pixel art on a phone?
Yes. On narrow screens the layout stacks: the canvas comes first at an auto-fitted zoom, with tools and colours in a sticky bar below, so you are not pinching and panning to reach the palette. Small corrections on a phone are genuinely practical.
Detail work is the weak point. A fingertip covers roughly three or four cells even at moderate zoom, so raise zoom to 24–32 screen pixels per cell, use fill for large areas instead of painting them, and accept that a full 128×128 canvas on a phone is slow going.
Two limits apply on any device: there are no layers and no animation frames, so overlapping parts must be drawn in the right order, and undo steps back one action at a time with no saved history. Download after each solid change instead of trusting the tab to survive.
Where the exported sprite works well
The transparent PNG drops straight into the usual places: a 16×16 or 32×32 favicon, an inventory icon, a sprite for a game jam build, or a chat emoji at 8x. For engine imports, set the texture filter to Point or Nearest and disable mipmaps, or the crisp pixels get smoothed the moment the sprite moves.
Pixel art is a deliberate constraint rather than a limitation of skill (Pixel art on Wikipedia), and a fixed grid enforces that constraint for you — there is no soft brush to blur a clean silhouette. If you need to compress or convert the result afterwards, the rest of the OnlineFree.app free online tools collection covers that without another sign-up.
Frequently asked questions
Is Pixel Art Maker free to use without signing up?
Yes. Pixel Art Maker (Online Pixel Drawing Tool) runs in the browser at no cost, with no account, email or install. You choose a grid up to 128×128, draw, and download a PNG. There is no cloud storage behind it, so the drawing lives only in the open tab until you save it.
What canvas sizes does Pixel Art Maker support?
Presets are 16×16, 32×32, 48×48, 64×64 and 128×128, and custom sizes accept whole numbers from 8 to 128 cells per side. The default is 32×32. That caps the largest export at 2048×2048 pixels, reached with a 128×128 grid at 16x scale.
Does the PNG download keep a transparent background?
Yes. Empty cells stay transparent in the exported file, which is exactly what the checkerboard pattern behind the canvas represents. Scaling is nearest-neighbour, so pixels stay hard-edged at 4x, 8x and 16x. If you need a solid backdrop for a favicon or store listing, fill the whole canvas before downloading.
Can I use Pixel Art Maker on a phone or tablet?
Yes. On narrow screens the canvas moves to the top at an auto-fitted zoom and the tool rail sits in a sticky bar below it. Precision is the real limit, since a fingertip covers several cells: raise zoom to 24–32 screen pixels per cell and lean on the fill tool for large areas.
Does Pixel Art Maker save my drawing if I close the tab?
No. There is no account, autosave or project list, so an unsaved drawing disappears when the tab closes or the page reloads. Download a PNG after each significant change, name files by version, and keep the 1x export as your master copy to reimport elsewhere.