Keep the pixel grid intact
Resize Pixel Art Without Blur
Enlarge finished pixel art by repeating its pixels in equal blocks. Use the local PNG resizer, compare a controlled nearest-neighbor test, and check the file before sharing it.
Enlarge your PNG by a whole number
PNG only, up to 5 MB and 512 × 512 source pixels. Processing stays in your browser; this tool does not upload the selected image. It exports a single static frame and does not retain animation, color profiles, or other file metadata.
Choose a source and scale, then resize.
One source, two exports, one blur control
All four images are displayed at the same size for comparison. Their downloadable files have the dimensions in the captions; the gray area behind them is not baked into the PNG.
16 × 16 source
Synthetic hard-alpha diagnostic sprite.
Download example PNG
32 × 32 at 2×
Actual download from the resizer above.
Download example PNG
64 × 64 at 4×
Actual download; each source pixel becomes a 4 × 4 block.
Download example PNG
64 × 64 smoothed control
Separate browser canvas control with smoothing enabled, not a tool output.
Download example PNG1. Start from the logical-size master
Choose the original sprite, such as a 16 × 16 or 32 × 32 PNG. A screenshot may already include softened edges, browser zoom, or a background. Enlarging that screenshot faithfully repeats its existing damage. Keep a separate original so presentation exports never become the only copy of your art.
2. Multiply both dimensions by the same integer
Pick 2×, 3×, 4×, or 8× above. A 16 × 16 sprite becomes 64 × 64 at 4×, and each source pixel occupies a 4 × 4 block. A rectangular sprite stays rectangular. Fractional scales cannot give every source pixel the same whole-number block width, which can make an outline look uneven even without blur.
3. Use nearest-neighbor sampling
Nearest-neighbor enlargement repeats the nearest source pixel instead of blending adjacent colors. The resizer disables canvas image smoothing before drawing the larger image. It does not reduce the palette, add detail, sharpen an edge, or run generative AI. For pixel art that is already drawn, this preserves the existing grid structure.
4. Export PNG and inspect the downloaded file
Choose Resize PNG, then Download resized PNG. Reopen the downloaded file at 100% zoom in an image editor and inspect a diagonal, a one-pixel line, and a transparent corner. The preview uses pixelated display, but a preview alone cannot prove how the file was encoded. PNG avoids the compression artifacts that a JPEG copy can add around contrasting blocks.
5. Separate alpha from file metadata
Transparent and partly transparent pixels remain part of the browser-decoded image. This is a static browser canvas export: animation and source metadata are not preserved, and browser color conversion or alpha rounding may affect exact channel values. Keep the master for archival work. Test the result on the destination background, especially if the source has soft alpha.
6. Diagnose blur introduced after export
If the downloaded file looks sharp in an editor but soft on a website, inspect the display size. Responsive layouts can squeeze a 128-pixel file into a fractional or smaller width. On a game surface, inspect texture filtering and the camera scale. Fix the display pipeline before repeatedly enlarging and re-saving the asset.
7. Reproduce the examples below
The source below is a synthetic 16 × 16 diagnostic sprite with opaque colored blocks and empty pixels. Download it, select 2× or 4×, and compare the downloaded dimensions with the examples. The verification checks every decoded output pixel against its corresponding source pixel; the smoothed control intentionally uses browser interpolation to expose the difference. This is one controlled test, not customer artwork or a universal quality guarantee.
8. Keep editing and presentation copies separate
Use the logical-size master when placing individual pixels or making animation frames. Export an integer-scaled copy for a presentation, thumbnail, or social post. If you need to turn a photograph into a limited-grid picture, use the pixel art maker instead; converting a photo and resizing finished pixel art are different tasks.
Technical reference: MDN canvas image smoothing explains the browser setting used here.
Pixel art resizing FAQ
Can I resize pixel art without adding colors?
Nearest-neighbor sampling does not blend neighboring colors. This browser tool repeats decoded pixels; it does not guarantee retention of source color profiles or archival channel values.
Will this repair an already blurry sprite?
No. The resizer repeats the input pixels, including existing blur. Return to the original sprite or redraw damaged edges in a pixel editor.
Can I resize an animated PNG?
This tool exports a static frame. Use an animation editor when you need to preserve all frames and their timing.
Why is a 150% resize uneven?
A 1.5× scale cannot give each source pixel an equally sized whole-pixel block. Use an integer scale when uniform block geometry matters.