A free pixel-art canvas with handy tools, five color sets and simple frame animation you can export as an image.
Pixel Sketch Studio is a small drawing tool where every picture is built from single colored squares. You choose a grid, pick colors and place pixels until a picture appears. There is nothing to beat and nobody keeping score. It is just a quiet place to build sprites, icons or little scenes.
It can also animate. Draw a few frames, press play and they loop like a flipbook. When you are done, save the result as an image.
Setting up a canvas
The first choice is the grid size. Ready-made options go from 8x8 up to 64x64, and you can also enter any width and height between 4 and 128. Tiny grids are friendlier for a first try, because every pixel matters and the picture comes together fast.
Five palettes come built in: Neon, Pastel, Earth, Classic and Retro Green. A custom picker covers any shade they miss. Click a swatch to set your main color, and right-click or Ctrl+click to set a second one. Press X to flip between the two.
The toolbox
- Pencil (P): places pixels in the current color
- Eraser (E): turns pixels back to white
- Fill bucket (G): floods a connected patch of one color
- Color picker (I): copies a color you already used on the canvas
- Move (V): drag to pan around a zoomed view
Brush size runs from 1 to 8 pixels with the slider or the bracket keys. The scroll wheel zooms, B turns the grid lines on or off, and up to 100 undo steps are kept while you work.
Animating and exporting
Open the Frames panel to build an animation. The plus button adds an empty frame, the copy button duplicates the one you are on, and minus removes it. Playback runs anywhere from 2 to 24 frames per second.
Exporting a single frame gives you one PNG. With two or more frames, the editor packs them onto one sprite sheet arranged in a roughly square grid. Either way, the file is saved at double the on-screen pixel size.
Tips for cleaner art
Draw the outline before you fill. The bucket stops at any pixel of another color, so a single gap in the outline lets the fill leak out. Keep your outline shade as the second color so a quick X swaps you back to it.
For animation, duplicate a frame you like and then edit just a handful of pixels. A blink or a small bob of the head looks smooth at a low speed such as 4 or 8 frames per second. A short palette like Retro Green, with only eight colors, helps tiny sprites stay readable. Hide the grid now and then to judge the picture as a whole.
Controls
| Action | Keyboard | Mouse | Touch |
|---|---|---|---|
| Draw with the current tool | — | Click or drag on the canvas | Tap or drag with one finger |
| Pick a tool (pencil, eraser, fill, color picker, move) | P, E, G, I, V | Click a tool in the Tools panel | Tap a tool in the Tools panel |
| Set the main or second color | — | Click a swatch for the main color; right-click or Ctrl+click for the second | Tap a swatch |
| Swap main and second color | X | Click the ⇄ button | — |
| Change brush size | [ and ] | Drag the Brush Size slider | — |
| Zoom and pan the view | V, then drag, to use the move tool | Scroll wheel or the zoom buttons; drag with the middle button to pan | Tap the zoom buttons; use the Move tool and drag |
| Undo, redo, toggle grid, export | Ctrl+Z, Ctrl+Y, B, Ctrl+S | Header buttons | — |
Pixel Sketch Studio FAQ
Does Pixel Sketch Studio work on a Chromebook or phone?
A Chromebook or any computer is the best fit, since you get a mouse or trackpad plus single-key tool shortcuts. Phones are only partly supported. Finger drawing, filling and color picking all work, but the panels squeeze into scrolling strips around the canvas, so a tablet is more comfortable.
Will my drawing still be there tomorrow?
No. Nothing is saved in the browser, and closing or reloading the page wipes the canvas. Press Export PNG, or Ctrl+S, to download your picture before the tab closes.
Is there a goal or a score?
No. This is a creative sandbox with no levels, timer or points. You decide what to draw, whether that is a game character, an icon or a tiny landscape, and you finish when you are happy with it.
Can I make the background transparent?
Not inside this editor. Every new canvas starts white, and the eraser paints white pixels instead of clearing them. If you need a see-through background, plan for it and remove the white later in another image program.
