Free Pixel Art Maker & Editor — Draw Pixel Art from Scratch

Pixel art sizes are conventions, and the conventions exist because they work. 16×16 is the classic tile and sprite size — an NES character, a Minecraft item icon, a favicon. 32×32 gives a character a face and a pose. 64×64 is a portrait or a detailed enemy, and 100×100 is a scene. Pick the size that matches what the art is for, because a sprite drawn at 64×64 and shrunk to 16×16 turns to mush, and a 16×16 icon scaled up is just a bigger 16×16 icon.

Commit before you draw. Resizing later keeps the pixels but not the composition: a character that filled a 32×32 frame becomes a small figure in the corner of a 64×64 one. If you are drawing a set — a tileset, an icon pack, a party of characters — decide one canvas size for the whole set and keep every piece on it, so they sit together at the same scale in the game or on the page.

The 256-colour palette is a menu, not a target. Most finished sprites use eight to sixteen colours, arranged in ramps: three to five steps of one material from shadow to highlight. What separates good pixel art from flat pixel art is that a ramp does not just get lighter — it shifts hue. Shadows lean toward blue or purple, highlights toward yellow or orange, so a red shirt's shadow is a cool crimson and its highlight a warm coral rather than a pinker red.

Build the ramps first, then draw. Pick the mid-tone for each material, choose a shadow and a highlight that shift hue as well as value, and try to reuse one ramp across several materials — the same three greys can be armour, stone and a cloud. When two colours in your sprite are so close that you have to zoom in to tell them apart, one of them is not earning its place.

Diagonal lines in pixel art are staircases, and the eye reads a staircase as a smooth line only when the steps are regular. A 45° line is one pixel per step. A shallower line is runs of two, three or four pixels — and the runs must all be the same length, or the line looks bent. The classic error is a corner where two lines meet and leave a doubled pixel; erase it and the corner sharpens. Draw with the pen at single-pixel width and zoom out often; jaggies show at 1× that hide at 8×.

Dithering — a checkerboard of two colours — is how pixel art fakes a third colour and a gradient with a limited palette. A 50% checker between two ramp steps reads as the step between them; a sparser pattern reads as a softer transition. Use it for skies, shadows on large surfaces and metal, and keep it off small sprites, where at 16×16 a checker just looks like noise.

The art will be seen at its real size, or a whole-number multiple of it, never at the zoom you draw at. Toggle the grid off and look at the canvas as a whole every few minutes; better, squint at it. If the pose, the object or the letter still reads with the detail blurred away, the silhouette is right. If it does not, no amount of shading will save it — fix the outline first.

A one-pixel outline in a darker version of the fill (not black) keeps a sprite legible against any background. A pure black outline works on light backgrounds and disappears on dark ones; a selective outline — dark where the form turns away from the light, lighter where it faces it — is the technique most modern pixel art uses, and the pen tool with a ramp already built makes it a matter of clicking the right shade.

The PNG export writes one image pixel per canvas cell with no smoothing, which is exactly what a game engine wants. What can still blur it is the step after: scaling. Only ever scale pixel art by whole numbers — 2×, 3×, 4× — with nearest-neighbour interpolation. In Unity that is Filter Mode set to Point and Compression set to None on the texture; in Godot, the texture filter set to Nearest; in a browser, image-rendering: pixelated. A 150% scale, or any bilinear resample, softens every edge you drew.

Cells you leave empty export as transparent, so a sprite needs no background colour at all. If the art is going on a web page or into a document rather than a game, export at the canvas size and let the page scale it, or export once at 4× for print — never resize the PNG in a photo editor with its default settings.