ZirkoMirkoMORE TOYS ↗ PixelSnap● LOCAL & PRIVATE

AI IMAGE → REAL PIXEL ART

Every pixel.
In its place.

CHAOS. MEET GRID.

Recover its grid. Keep its character.
Pick a version. Add an effect.
Free. Images never leave your device.

01 / YOUR IMAGE

TRY AN EXAMPLE

Up to 16 MP / 8192 px per side. Large images are resized before snapping.

THE PIXEL WORKBENCHREADY WHEN YOU ARE
ORIGINALPIXELSNAP
Drop an image. Find its pixels.SCROLL TO ZOOM · DRAG TO PAN

PICK YOUR VERSION

One image. Eight possibilities.

A real grid. A smaller palette. Your pixels.

ADD AN EFFECT

27 effects, already running on your pixels. One click to switch.

YOUR PIXELS, IN MOTION
Waiting for pixels

Snap an image and effects appear here.

Fine-tune & recipes

Controls adjust the first layer. Effects fit inside the existing canvas; edges may clip. Use a transparent image for a cut-out.

Data-only recipes. No scripts. Create your own | Example recipe

Animation: native size, up to 512 px per side / 120 frames / 4 MiPixels total. GIF uses up to 256 colours and binary transparency. Sheets keep full alpha. Previews animate unless your device asks for reduced motion; Pause stops them.

24 effects from Patch & Hugo Duprez / pixelfx, plus tint, outline and dissolve. Rendered on your device. | GIF: gifenc | MIT notices

02 / MAKE IT PIXEL

Edge cleanup

Removes the grey in-between pixels AI leaves on outlines

Fine-tune

Isolated-pixel cleanup can remove details like eyes.

03 / TAKE YOUR PIXELS

Whole pixels. Sharp at every scale.

WHO IT'S FOR

  • Indie devs & game jammers who need sprites, tiles and items today
  • AI art makers turning prompts into sprites, icons, tilesets and emotes
  • Streamers making emotes and badges that stay sharp when small
  • App & web devs who want crisp pixel UI icons
  • Agent builders who need clean assets inside a pipeline

HOW TO USE IT

  1. 01Drop an AI image, paste it, or try an example.
  2. 02Pick one of 8 versions. Tweak grid, palette or edges if you like.
  3. 03Try effects. One is already running on your pixels. Click another, or Surprise me. Apply a frame, or take a GIF or sprite sheet.
  4. 04Take a PNG at any scale, transparent PNG, SVG, palette, or a 16–128 px pack.
  5. AIFor agents: run it as a local MCP tool. Setup ↓

WHY IT HELPS

A real grid
Every cell becomes one solid colour. No fake, off-grid pixels.
No grey halos
Edge cleanup removes the in-between pixels AI leaves on outlines.
True transparency
Flat and painted checkerboard backgrounds become real alpha.
Engine-ready sizes
Exact sizes drop into Unity, Godot or GameMaker with nearest-neighbour filtering.
Private & free
Runs in your browser. No upload, no account.

Honest limit: scenes without a real pixel grid get an approximate fallback. Check small sprites and sheets; set Cell width / height manually if auto chooses the wrong spacing.

USE WITH AI AGENTS

Run PixelSnap locally as an MCP tool for Claude, Codex or Cursor. Your agent can snap images, list effects, apply any of the 27 by ID, and write new effects as validated JSON recipes.

  1. Connect. Claude Code: claude mcp add pixelsnap -- + a command from this section.
  2. Choose. list_effects returns every ID. Copy agent call above gives you the current one.
  3. Apply. preview_effect shows a frame, apply_effect writes a PNG, GIF or sprite sheet.
  4. Create. validate_effect checks a recipe. Save recipe or import one above.
Source & setup ↓Agent & recipe guide

FROM GITHUB Snap, preview and apply all 27 effects. Needs uv and Node 18+.

uvx --refresh --from "https://zirkomirko.com/code/pixelsnap-3.1.0.zip" pixelsnap mcp

FROM A LOCAL CHECKOUT WITH EFFECTS Run from the fun repository root. Needs uv and Node 18+.

uv run --isolated --no-project --with "./desktop/pixelsnap[mcp]" pixelsnap mcp

Claude Desktop, Codex & Cursor config ↓