Back to BlogPixel Art Blog

PNG to Pixel Art: Keep Transparency and Export Crisp Pixels

Turn a PNG into pixel art without losing sight of transparent edges, palette choices, real grid size, and a clean final export.

PNG workflow6 min read

PNG is a useful starting point for icons, stickers, and game assets because it can carry transparent pixels. The tricky part is deciding what those partly transparent edge pixels should become when the image is reduced to a small grid. This guide focuses on that file-format problem, rather than repeating a general image-to-pixel-art workflow.

Check whether the PNG really has transparency

A file ending in .png is not automatically transparent. Some PNGs have a solid white background, some have a fully transparent area, and others have soft antialiased edges with many partial-alpha pixels. Open the source against both a dark and a light background before converting it. That quick check tells you whether you need to preserve existing alpha or remove a pale background.

In Pixel Art, Transparent Background is off by default. Turn it on when you need an asset with clear space around the subject. The converter keeps transparency already present in the source. When it finds no transparency, it also tries to remove white or very light backgrounds. That second behavior can remove pale details you meant to keep, so inspect the result before exporting.

Crop empty space before choosing a grid

A small logo can occupy only a corner of a large PNG canvas. If you convert the whole file to a 16 by 16 grid, most cells describe empty space and the logo gets very few cells. Use Crop Image to select the useful area first. Leave a narrow margin if the shape needs breathing room, but do not keep hundreds of transparent pixels solely because they were in the original file.

The crop should match the destination. A square icon usually benefits from a square selection. For a wide banner, keep a wide crop. A fixed grid setting limits the longest side while preserving the source proportions; crop first only when you want to change the framing.

Separate the number of cells from the size of the blocks

A fixed Pixel Grid Size determines how many actual color cells the result has. Pixel Block Size then determines how large each cell is drawn in the exported image. In Auto mode, Pixel Block Size also determines the cell count. A 16 by 16 grid drawn with 10-pixel blocks produces a 160 by 160 image, but the artwork still contains only 256 distinct cells. Increasing the export dimensions does not create new detail.

Use 16 by 16 for a bold, simple silhouette such as an inventory item. Try 32 by 32 if the PNG has a face, a letter, or a recognizable small object. Use 64 by 64 when the identity depends on finer edges. Compare the result at its intended display size: a design that looks attractive at 800% zoom may turn into noise when shown as a tiny icon.

Choose colors with the edge in mind

Original Colors preserves more of the source's color relationships. That is a sensible first pass for a brand mark or character with deliberate colors. A limited palette such as PICO-8 or Game Boy may create a stronger retro style, but it can also shift an important brand color. Try both and compare the subject's outline rather than judging only the interior shading.

Soft source edges are especially vulnerable to downsampling. A pale fringe around a dark shape may become a full light-colored cell after conversion. Cropping tighter can help, but the best input is a PNG whose silhouette remains clear at small size. If you can edit the source, remove stray edge pixels there before converting; the current converter is not a manual pixel editor.

Export the file you actually need

Download PNG for an image that will be placed in a game prototype, a post, or an icon slot. Check the downloaded file against contrasting backgrounds, particularly when transparency is enabled. The preview background control is useful for this inspection, but the final downloaded file is the source of truth. Do not assume a white-looking preview means the file is opaque.

Pixel Art also offers multiple PNG export sizes. Those sizes rescale the same underlying pixel grid; they do not redraw the object at each resolution. For a tiny app icon, choose the grid first, then export the size your destination asks for. A sharp nearest-neighbor enlargement preserves the pixel look, while ordinary smooth resizing elsewhere can make it blurry.

A practical PNG checklist

Start with a source that has a clear subject. Check its alpha on light and dark backgrounds. Crop the useful area. Choose a grid size that gives the subject enough cells, then tune the block size and palette. Enable Transparent Background only when the destination needs it, and inspect pale highlights before you download.

For simple icons, this workflow is often enough without additional editing. For a detailed logo or character, treat the converted PNG as a draft and review the silhouette at the final size. If a few cells still need hand correction, make that change in a dedicated pixel editor after export. The converter gives you a reproducible starting grid and a crisp PNG to work from.

Related guides

The practical takeaway

A good PNG to pixel art result depends on the source's alpha, the amount of empty canvas, and the actual cell count. Set those deliberately, then inspect the exported PNG where it will be used.

Convert a PNG to pixel art