Create Pixel Art Online
Start from a blank canvas and draw pixel art with a real editor: layers, opacity, blend modes, a live palette, full undo history and vector export.
Turn Pictures Into Pixel Art
Create pixel art from your pictures in seconds. Edit every pixel, animate it, and download your creation.
🔒 Your pictures never leave your device. Everything runs in your browser.
Sakura
Made with PixiMelon · Upload. Pixelate. Edit. Animate. Download.
Turn your picture into pixel art
Upload a picture and create pixel art in seconds.
Drag & drop your picture here
or
PNG · JPG · WEBP · SVG · PDF · AI — you can also paste an image (Ctrl/⌘ + V)
Create New Pixel Art
Pick a canvas size to start drawing.
Animate Pixel Art
Pick a canvas size to start animating.
Turn your video into pixel art
Upload a video and create a pixel art animation in seconds. Everything runs on your device.
Drag & drop your video here
MP4 · WebM · MOV — processed locally, never uploaded
Processing frame 1 / 1
Start with the right canvas
Pick 16 × 16 for tiny sprites and icons, 32 × 32 for classic game sprites, 64 × 64 for detailed work, 128 × 128 for scenes — or type any custom size from 4 to 2048 px per side. The current canvas size is always shown in the toolbar, and the W × H inputs resize (scaling your artwork to fit) at any time.
Tools you actually get
- Pencil (B) — paints one pixel per click; hold Shift for straight lines, hold Alt to pick a color without switching tools.
- Eraser (E) — erases to transparency; Alt + click erases the whole connected color.
- Fill (G) — flood fill that respects outlines and never leaks through erased edges.
- Eyedropper (I) — samples any visible pixel, across layers.
- Pan (Space) and Move — move the view, or move the entire active layer.
- Undo / Redo — Ctrl/⌘ + Z, Ctrl + Shift + Z or Ctrl + Y, with a deep history capped by memory instead of a fixed tiny number.
- Clear and Import — wipe the active layer, or import a picture, SVG or PDF page as a brand-new layer.
Layers, opacity and blend modes
Every canvas supports multiple named layers with visibility toggles, locks, drag-free reordering, per-layer opacity and seven blend modes: Normal, Multiply, Screen, Overlay, Darken, Lighten and Difference. Copy, cut and paste whole layers with Ctrl/⌘ + C/X/V — pasting is smart: within the same frame it creates a new layer, across animation frames it paints onto the matching layer. In the animator, the 🔗 toggle shares a layer across every frame, which is how backgrounds are done.
Color without chaos
The color panel merges your saved swatches with every color already on the canvas (up to 48), so the palette literally builds itself as you draw. Add favorites with “+ Add”, prune with “− Remove”. Working with a small palette is a skill — the palette guide shows how few colors you really need.
Zoom, grid and touch
Mouse-wheel zoom, zoom buttons, one-click fit, true 100% view and a pixel grid that appears automatically when pixels are big enough. Panning works with the middle mouse button, the Pan tool, or Space + drag. On touch screens everything runs on Pointer Events, so fingers and styluses draw directly.
Export and autosave
Download PNG at native size (1×), true vector SVG, or vector PDF — the project name field becomes the filename. Work is autosaved to your own browser (localStorage) and you can download a full project file (.piximelon.json) to back up layers or move between devices. If you are just starting, how to make pixel art walks the whole process.
Frequently asked questions
What canvas size should I start with?
32 × 32 is the classic sprite size and the best default. Use 16 × 16 for icons, 64 × 64 for portraits, and custom sizes only when you know the exact target resolution.
How many layers can I use?
There is no fixed layer limit — only the memory of your device. Rename them, lock finished ones, and use opacity and blend modes instead of flattening early.
Does the editor autosave?
Yes, to your own browser via localStorage, plus manual project files for backup. Clearing site data removes the autosave, so download a project file for anything important.
Can I trace over a photo?
Yes — use the Import button to place a picture, SVG or PDF page as a new layer, draw on layers above it, then hide or delete the reference.
What is the difference between Resize and the W×H inputs?
There is only one resize and it scales your artwork to the new dimensions — pixels are resampled, never silently cropped. Undo covers mistakes, and the animator can scale every frame at once.
How do I draw straight lines?
Hold Shift while drawing with the pencil or eraser: a live preview snaps the stroke straight before you release.
Can I use a stylus or graphics tablet?
Yes. Everything runs on Pointer Events, so mouse, fingers and styluses all draw directly on the canvas.
How do I make a sprite with transparency?
Erase down to alpha on the areas that should vanish, then export PNG: the alpha channel is preserved exactly.