Skip to content
Pixelate

Guide · 2026-09-01

How to Turn a Photo into Pixel Art

By the Pixelate team — we build these tools, and this guide documents exactly how they behave.

Most “turn your photo into pixel art” pages do one of two things: they upload your photo to a server you have never heard of, or they run an AI filter that redraws it with detail that was never in the picture. Both are fine for a fun post. Neither is fine when you need the result for something real — a stitch chart, a bead pattern, a sprite, a Minecraft map.

What actually works is a plain pixel grid: a known number of blocks, a known set of colors, and an output you can open, edit and print. That is what this guide covers — how to turn a photo into pixel art with the free Pixelate converter, which settings matter, and where people usually go wrong. Everything runs in your browser; nothing leaves your device.

What Pixelation Actually Does

Pixelation, in the literal sense, means cutting an image into a grid and filling each cell with the average color of the area it covers. Set the block size to 16px and a 1024px-wide photo becomes 64 blocks across. Each block gets one flat color. That is the entire effect — and that is why the output is usable as a material.

It is also deterministic. The same photo with the same settings always produces the same grid, and the palette panel tells you the exact hex code of every color in the result. An AI pixel-art filter does something else entirely: it redraws the image in a pixel style. The redraw can look stunning, but the block count, the color count and even the details are not under your control.

Real pixelation (this guide)AI pixel-art filter
GridExact block size or cell countApproximate — not guaranteed
ColorsKnown palette, hex codes listedWhatever the model picks
Same input twiceIdentical resultDifferent every time
TransparencyPreservedOften flattened or repainted
Best forCharts, sprites, patterns, map artStylized artwork for posts

Step-by-Step: Turn a Photo into Pixel Art

Step 1 — Start With a Photo That Has a Clear Subject

The photo matters more than the settings. One clear subject, flat light and a simple background survive the grid; a busy scene turns into confetti. Portraits and pets are the easiest subjects, because a face still reads as a face at 16px.

You do not need a high-resolution file — anything 500 to 1500 pixels wide is plenty, since the output is deliberately small. Two things are worth keeping. First, use the original file rather than a social-media export, which has compression noise baked in. Second, if the background should stay transparent, convert a transparent PNG — the converter preserves the alpha channel.

Photo to pixel art converter with a portrait loaded and the 16px block setting selected
The converter with a portrait loaded: drag, paste, or pick a sample — the preview renders in this tab.

Step 2 — Pick the Pixel Size (the Decision That Defines the Look)

Block size is resolution. 8px blocks are sprite territory — right for icons, logos and anything that should look like a Game Boy asset. 16px is the classic pixel art look most people imagine. 32px and 64px lean mosaic and keep more of the photo readable.

If the output must be an exact size — a 32×32 sprite, a 29×29 perler board — switch from block size to target grid and set the number of cells on the long edge. Tick the square center-crop for true N×N output, and turn on grid lines if you want each cell drawn as a chart you can follow.

Target grid mode showing a 64 by 64 pixel chart with grid lines
Target grid, 64 cells, square crop, grid lines on — the export becomes a ready-made chart.

Step 3 — Choose a Palette

The palette decides the mood. Original colors keep the photo recognizable. Black & White is the highest-contrast option and the cheapest to print. The retro palettes — PICO-8, Game Boy, CGA, Ice Cream GB and One Bit — snap the photo to the exact color sets of classic consoles, which is where the 8-bit energy comes from.

Custom mode cuts the image down to your own color count, anywhere from 2 to 256. You can also import a palette file from Aseprite (.hex) or GIMP (.gpl) so the output matches the rest of your project. The palette panel lists every color in the result with its hex code; click a swatch to copy it.

Retro palette panel with PICO-8 colors applied to a portrait in the pixel art converter
Retro palette, PICO-8: the panel lists all 16 colors with their hex codes.

Step 4 — Tune Contrast and Saturation

Two sliders fix most flat photos. Contrast separates the subject from the background; saturation rescues colors that look washed out. Neither slider invents detail — they adjust what is already in the picture. If you are exporting a chart, this is also the step where you tick grid lines: 1px lines between the blocks, auto-inverted so they stay visible on any color.

Step 5 — Export the File You Actually Need

The free export is a 1x PNG with no watermark, and transparency comes through. If the result is meant for a screen bigger than its native size — an avatar, a print, a zoomed-in graphic — export at 4x instead of stretching the 1x later. SVG export scales without ever blurring, which makes it the right choice for logos and anything vector-cut.

Batch mode packs up to 10 conversions into one ZIP. Those three — SVG, 4x PNG and batch — are the one-time Pro Export Pack for $4.99. The 1x PNG stays free forever, so nothing in this guide is paywalled.

Pro Export Pack dialog with SVG, 4x PNG and batch options for pixel art downloads
The Pro Export Pack: SVG, 4x PNG and batch ZIP behind a one-time $4.99.

Settings We Use for Common Projects

The generic settings above cover most photos. These are the combinations we actually use, and every one of them is reachable from the free photo to pixel art converter.

  • Cross-stitch chart. Target grid equal to your stitch count on the long edge, grid lines on, custom palette of 8–16 colors. One block equals one stitch.
  • Perler bead pattern. A standard pegboard is 29×29 — set target grid to 29, tick square crop, grid lines on. One block equals one bead.
  • Game sprites. 8px or 16px blocks with a custom palette imported from your project, so the sprite shares the game's exact colors.
  • Minecraft map art. Target grid 128 (the size of one map) with a custom palette matched to your wool colors.
  • Avatars. 16px blocks, original colors, 4x export. If the source needs a circle or square crop first, the PFP cropper does it.

For pure chart work — grids without a photo — the pixel art grid generator gives you 16×16 to 128×128 grids with line width and color control, as PNG or SVG.

Pixel art grid generator preset to 32 by 32 cells with grid lines and controls
The grid generator: presets from 16×16 to 128×128, line width and color, PNG or SVG.

Mistakes That Ruin Pixel Art

  • Busy photo, small blocks. A detailed scene at 8px or 16px dissolves into noise. Crop to the subject first, or raise the block size until the image reads.
  • Exporting 1x for a big destination. 1x pixel art is sharp only at its native size. If it goes into a video, a print or an avatar, export 4x or SVG from the start.
  • Skipping the palette. If your project has fixed colors — thread, wool, a console, a brand — choose or import the matching palette. Otherwise the converter's own averaging decides for you.
  • Expecting an AI redraw. This converter will not invent a face where four pixels were. If you want a stylized painting in pixel style, an AI filter is the right tool — and it will change what is in the picture.
  • Re-compressing the export. Once the PNG is out, do not re-encode it as a JPEG for upload. Compression noise on top of pixels is how blurry pixel art happens. Export again at the size you need.

If you are coming at this from the other direction — a photo that is already pixelated — the how to fix pixelated photos guide covers the reverse problem.

Before & After Examples

Three versions of the same portrait from the converter's gallery. Same 16px blocks throughout; only the palette changes. The original-colors version is the most recognizable, the PICO-8 version is the most 8-bit — which one to use depends on where the result is going.

Original portrait photo before pixelation

Original

Portrait converted to pixel art with 16px blocks and original colors

16px · original colors

Portrait in pixel art with the PICO-8 palette

16px · PICO-8

Same portrait, same 16px blocks — the palette changes the mood.

Summary

Turning a photo into pixel art is three decisions: how big the blocks are, which palette the colors come from, and what size the export needs to be. Everything else is polish. Decide those three, run the photo through the converter, and check the result against the original before you export.

If this guide left you with a question, the FAQ above probably covers it — and the tool itself has a compare toggle, so you can check your settings against the source photo at any point. It also works the same on a phone as it does on a desktop.

Photo to pixel art converter running on a phone screen with a portrait loaded
The same converter on a phone — everything still runs inside the browser tab.

Related Guides & Tools

Frequently Asked Questions

How do I turn a photo into pixel art for free?

Open the free photo to pixel art converter, drop the photo in, and download the 1x PNG. No account, no watermark, no upload — the whole pipeline runs in your browser.

What is the difference between this and an AI pixel art filter?

This converter builds a real pixel grid: fixed block size, fixed palette, deterministic result. An AI filter redraws the image in pixel style and can change details. Use this one for charts, sprites and patterns; use AI when the stylized redraw is the goal.

What block size should I use?

16px is the classic pixel art look. 8px reads as sprites and icons; 32px and 64px lean mosaic. If the output needs an exact cell count, switch to target grid and set the number directly.

Can I use this for cross-stitch or perler bead patterns?

Yes. Set target grid to your stitch or pegboard count, tick square crop, and turn on grid lines — each block becomes one stitch or one bead. The pixel art grid generator is handy when you do not need a photo underneath.

Does my photo get uploaded anywhere?

No. Processing happens entirely in your browser with the Canvas API. Load the page, disconnect from the internet, and it still works — the photo never leaves your device.