Photo to pixel art with palettes and dithering
This photo to pixel art converter redraws your picture as a small grid of square pixels in a limited set of colors. Set the grid width, pick a palette and a dithering method, and compare the result with the original before you download it as a PNG. The conversion runs in your browser.
1. Choose image
Choose or drop one image. PNG, JPEG, WebP, GIF, SVG, TIFF and other decodable images. Nothing is uploaded.
No image selected.
Choose an image to begin.
Original image
Choose an image to begin.
Fitted to the preview. Checkerboard shows original transparency.
Pixel art result
Create pixel art to see your result.
Color palette
How to convert a picture to pixel art
Select Choose image, or drop one image on that area. The image appears under Original image, and a line under the chooser gives its name, its size in pixels and its file size. The settings start at a Pixel grid width of 96, or the image width when the image is narrower, an Adaptive palette of 16 colors, Floyd-Steinberg dithering and an Output pixel scale of 4.
Create pixel art builds the result. It appears under Pixel art result with a line that gives the grid size, the output size, the number of palette colors and the file size, and the swatches below list each palette color as a hex code. Download PNG saves the file with -pixel-art added to the name. Changing a setting clears the result until you create it again, and Reset settings restores the starting values and keeps the image.
- Select Choose image.
- Set Pixel grid width, Color palette, Dithering method and Output pixel scale.
- Select Create pixel art, then Download PNG.
Grid width and pixel scale
Pixel grid width is the number of pixel-art pixels across the picture. The height follows the aspect ratio of the image and is rounded to a whole pixel, never less than one. A 1200 × 800 photo at a grid width of 96 becomes a 96 × 64 grid.
Output pixel scale enlarges the grid for the download. Each grid pixel becomes a square block that many pixels wide and tall, drawn with smoothing off so the block edges stay sharp. At a scale of 4 the 96 × 64 grid saves as a 384 × 256 PNG. At a scale of 1 the PNG is the grid itself, one pixel per block.
Both fields take any positive whole number, and the tool sets no maximum. A grid wider than the photo enlarges it, which adds blocks but no detail. A very large grid or scale can fail when it passes what your browser's canvas or memory allows. The page then keeps your image and settings.
Palettes and dithering
Color palette decides which colors the pixel art may use. Adaptive builds a palette from your image, up to the Maximum palette colors you set, and a picture with little variation can get fewer. Black & white uses pure black and white, Grayscale uses four evenly spaced grays, and Retro uses a fixed set of 16 colors.
Each grid pixel takes the nearest palette color by its red, green and blue values, and Dithering method decides what happens to the shades in between. None picks the nearest color, which leaves flat areas and hard bands. Ordered adds a repeating 4 × 4 Bayer pattern first, so gradients turn into a regular cross-hatch. Floyd-Steinberg passes the color error of each pixel to the next pixel and to three pixels in the row below, which gives a looser, grainy texture.
In a check on a gray gradient in Black & white, None gave a black half and a white half. Both dithering methods mixed the two colors through the middle.
Limits
The tool turns one image at a time into pixel art. It has no drawing tools, so you cannot paint single pixels, and it draws no grid lines between the blocks. It uses no AI model, takes no text prompt, and has no Minecraft block palette or way to type in your own colors. Each run starts again from the original image, so creating twice does not stack the effect.
Transparent areas are flattened onto white before colors are mapped, and the PNG is fully opaque. An animated GIF or a multipage TIFF gives one frame or page, and metadata is not kept. The page opens PNG, JPEG, WebP, GIF, SVG, TIFF and other images your browser can decode, though an SVG is drawn without its external resources, so missing fonts or images can change how it looks. A damaged or unsupported file shows an error, and Cancel & clear stops the work while the tool is busy.
Questions
How can I convert a regular picture into pixel art?
Open the picture with Choose image, then set Pixel grid width to the number of pixels you want across, for example 64. Pick a Color palette and a Dithering method, select Create pixel art and compare the two previews. When the result looks right, Download PNG saves it. Change a setting and create again to try another look.
How do I make 32 × 32 pixel art from an image?
Set Pixel grid width to 32. The height follows the shape of the picture, so only a square image gives 32 × 32, and a 1200 × 800 photo gives 32 × 21. Crop the picture to a square first for an exact 32 × 32 grid. Set Output pixel scale to 1 if the PNG itself should be 32 pixels wide.
Is JPEG or PNG better for pixel art?
PNG. It stores every pixel exactly, so the hard block edges and the limited palette survive saving. JPEG compression blurs edges and adds in-between colors, which breaks up the blocks. This tool always saves a PNG, and in a check the saved file held no color outside the palette listed under the result.
What does dithering do to pixel art?
Dithering mixes palette colors in small patterns, so the eye sees shades that the palette does not hold. Without it, a smooth sky or shadow turns into flat bands of color. Ordered dithering gives a regular Bayer cross-hatch, and Floyd-Steinberg gives a grainier, less regular texture. With None, each pixel takes its nearest color.
Why does my pixel art have fewer colors than I asked for?
Adaptive uses only the colors the resized image holds, so a picture with little variation can get fewer than Maximum palette colors, and a single flat color gives a one-color palette. The swatches under the result show the palette the tool used. With a fixed palette they list every color, including any that no pixel ended up using.
Does my image leave this device?
No. The image is opened, resized, color-mapped and saved as a PNG inside your browser on this device. The tool does not upload, log or store it. Cancel & clear, choosing another image and leaving the page each release the image and the finished PNG from the page, so nothing stays behind.
Related tools
- Extract a color palette from an image: copy its colors as hex values.
- Crop an image to a square: get an exact square grid, such as 32 × 32.
- Pixelate or blur part of an image: hide a face or text in one area.
- Resize an image: give it the exact width and height you need.