You spent hours on a 16×16 sprite — every pixel placed with intention, every color chosen from a tight palette. Then you scaled it up to share it, and something went wrong. The edges turned soft. The clean grid you built became a muddy gradient. Your pixel art did not look like pixel art anymore; it looked like a blurred photograph of pixel art.
The fix is simple once you know the rule: scale by integer multipliers (2x, 3x, 4x) using nearest-neighbor interpolation. That combination keeps every pixel edge razor-sharp and your grid perfectly aligned. Anything else — bilinear, bicubic, or non-integer scaling — introduces blur, ghosting, or uneven pixels that ruin the look you worked hard to create.
Why Your Pixel Art Looks Blurry When You Scale It
When you resize an image in most editors, the default resampling method is usually bilinear or bicubic. These methods were designed for photographs. They work by blending neighboring pixel colors to create smooth transitions. That is great for a photo of a sunset. For pixel art, where every pixel is a deliberate, discrete block of color, blending is exactly what destroys the look. Your crisp 1-pixel outlines become muddy halos. Your carefully chosen palette gets averaged into colors you never picked.
If you have ever enlarged a 16×16 sprite and watched the edges turn soft and grayish, bilinear interpolation is almost always the culprit. The fix is not a better filter — it is no filter at all.
The video above walks through the entire process in under ten minutes. The core idea is the same across every tool: tell your editor to stop blending pixels, and only scale by whole-number multipliers.
Integer Scaling: The Only Safe Multiplier
Integer scaling means multiplying both the width and the height of your image by a whole number: 2, 3, 4, 5, or 6. Each original pixel becomes a perfect NxN block. A 16×16 sprite scaled 2x becomes 32×32 — every pixel is now a 2×2 square. Scaled 4x, it becomes 64×64, with each pixel as a 4×4 square. The grid stays uniform, and no pixel is larger or smaller than its neighbors.
Why does this matter? Because non-integer scaling — like 1.5x or 2.3x — forces the editor to distribute pixels unevenly. Some pixels get duplicated once, others twice. The result is a grid where certain columns or rows are wider than the rest. From a distance it might look acceptable, but up close the unevenness is visible and distracting, especially on a physical pixel display.
Here is a quick reference for common sprite sizes and their integer-scaled outputs:
| Original Size | 2x Output | 3x Output | 4x Output |
|---|---|---|---|
| 16×16 | 32×32 | 48×48 | 64×64 |
| 32×32 | 64×64 | 96×96 | 128×128 |
| 64×64 | 128×128 | 192×192 | 256×256 |
Notice how 16×16 scaled 4x lands exactly on 64×64. That is not a coincidence — it is one of the reasons 64×64 is such a popular canvas size for pixel art displays. You can take a small sprite, scale it by a clean integer, and it fits perfectly on a 64×64 screen without any leftover pixels.
Nearest-Neighbor vs Bilinear vs Bicubic
Before diving into tool-specific steps, it helps to understand what each interpolation method actually does to your pixels. The method your editor uses determines whether your scaled art stays crisp or turns into a blurry mess.
| Method | How It Works | Effect on Pixel Art | Use for Pixel Art? |
|---|---|---|---|
| Nearest-neighbor | Copies the closest source pixel color directly — no blending | Every pixel edge stays razor-sharp; grid stays uniform | Yes — always |
| Bilinear | Averages the 2×2 neighborhood of pixels around each target point | Pixel edges blur into soft gradients; colors get muddy | No |
| Bicubic | Uses a weighted average of a 4×4 neighborhood for smoother results | Even more blurring than bilinear; may introduce visible halos around edges | No |
The difference is not subtle. Nearest-neighbor treats each pixel as a solid block of color and duplicates it cleanly — no blending, no guessing. Bilinear and bicubic treat pixels as samples on a continuous surface, which is the right mental model for a photograph but the wrong one for pixel art. When a pixel artist places a single red pixel next to a blue one, they want a hard edge, not a purple gradient.
How to Scale Pixel Art in Each Tool
The steps below cover the three most common pixel art editors. The principle is identical in each: find the resize or scale dialog, set the interpolation to nearest-neighbor (or its equivalent), and enter dimensions that are an exact integer multiple of the original.
Photoshop
Photoshop calls nearest-neighbor "Nearest Neighbor" in its resample dropdown. Here is how to use it:
Open your pixel art file, then go to Image > Image Size. In the dialog that appears, look for the Resample dropdown — it defaults to Automatic, which usually means bicubic. Change it to Nearest Neighbor. Then enter your target width and height as an integer multiple of the original. For example, if your sprite is 16×16 and you want 4x scaling, enter 64 for both width and height. Click OK, and your pixel art enlarges with every edge intact.
GIMP
GIMP uses the label "None" for nearest-neighbor interpolation, which can be confusing. It does not mean no scaling happens — it means no interpolation filter is applied, which is exactly what you want.
Open your image, then go to Image > Scale Image. In the dialog, set the Interpolation dropdown to None. Enter your integer-scaled width and height. For instance, a 32×32 sprite scaled 2x becomes 64×64. Click Scale, and your art stays pixel-perfect.
Aseprite
Aseprite is built for pixel art, so it defaults to nearest-neighbor in most contexts. But you still need to set it explicitly when resizing.
Go to Sprite > Sprite Size. In the dialog, set Interpolation to Nearest-neighbor. Enter your multiplier or target dimensions. Aseprite also lets you type a percentage — 200% for 2x, 300% for 3x, and so on. Click OK, and your sprite scales without any blur.
Quick checklist before you scale:
- Is your multiplier a whole number (2, 3, 4)?
- Is interpolation set to nearest-neighbor (or None in GIMP)?
- Are width and height both multiplied by the same integer?
- Are you exporting as PNG, not JPEG?
Export Settings That Preserve Every Pixel
Scaling correctly is only half the job. If you export to the wrong format, compression artifacts can undo all your careful work. The format you choose determines whether your pixel art stays pristine on disk.
PNG is the best format for pixel art. It uses lossless compression, which means every pixel color is preserved exactly. A red pixel stays red. A transparent pixel stays transparent. File sizes are reasonable, and every pixel art tool and display platform supports PNG without issues.
GIF is also lossless, but it limits you to 256 colors. For small sprites with a limited palette, that is usually fine. For larger pieces with gradients or many colors, the 256-color limit will cause banding.
JPEG should be avoided for pixel art. JPEG uses lossy compression designed for photographs. It introduces visible noise around sharp edges — exactly where pixel art needs to be clean. Even at high quality settings, JPEG will subtly damage your pixel boundaries. If you have ever uploaded a sprite and noticed faint ghosting or blocky artifacts around the edges, JPEG compression is likely the cause.
The rule is simple: always export pixel art as PNG. If you need a smaller file for web use, reduce the color count or use a tool like pngquant, which compresses PNGs losslessly by reducing the palette without introducing artifacts.
Display Your Scaled Art on a Pixel Canvas
Once your pixel art is scaled correctly and exported as PNG, the next question is where to show it. Most creators share their work on social media or in game builds — but your art lives inside a browser tab or a phone screen, competing with noise, scroll fatigue, and algorithms that may never surface it. What if your pixel art could exist as something you actually see every day?
The Divoom Pixoo-64 is a 64×64 RGB LED panel designed specifically for displaying pixel art. Because the screen itself is a 64×64 grid, your art maps directly to the physical pixels — one pixel in your image equals one LED on the screen. There is no scaling, no interpolation, and no blur at the display level. What you drew is exactly what lights up. A sprite you created at 16×16, scaled 4x to 64×64, fills the entire panel pixel-perfect — the same grid you built in your editor, now glowing on your desk.
This is the difference between scrolling past your art and living with it. A social media post disappears in seconds. A Pixoo-64 on your desk turns your pixel art into part of your space — always on, always visible, and always yours.
The Pixoo-64 is best suited for creators who already make pixel art and want a dedicated, always-on display for their work. It is not a drawing tool — you create your art in your preferred editor, scale it correctly, export as PNG, and upload it through the app. If your goal is to showcase a rotating gallery of sprites, game assets, or animated loops on your desk, it fills that role without competing with your drawing workflow. If you need a larger canvas or a standalone drawing surface, the Pixoo-64 is not the right fit — but as a display companion for art you have already created, it is hard to beat.
The Pixoo-64 connects via Wi-Fi or Bluetooth, and the Divoom app lets you upload PNG files directly from your phone or computer. For setup help, the product manual covers Wi-Fi connection, app pairing, and file upload steps.
Common Mistakes to Avoid
Even when you know the rules, it is easy to slip into old habits. Here are the most common mistakes that cause blurry or uneven pixel art:
Using the default resample method. Most editors default to bilinear or bicubic. If you resize without checking the interpolation setting, you will get blur. Always switch to nearest-neighbor before scaling pixel art.
Scaling by non-integer amounts. A 1.5x or 2.7x scale will produce uneven pixels. Some rows will be taller than others, and the grid will look inconsistent. Stick to 2x, 3x, 4x, or higher integers.
Exporting as JPEG. JPEG compression introduces noise around sharp edges. Even at quality 100, JPEG will subtly damage your pixel boundaries. Always use PNG.
Scaling down. Shrinking pixel art destroys pixel information — once you downscale, you cannot get those pixels back. If you need a smaller version, go back to your original file or redraw at the smaller size. If you absolutely must downscale, use bilinear interpolation — it will not look like pixel art anymore, but at least it will not shatter into uneven fragments.
Forgetting to lock the aspect ratio. If your editor lets you change width and height independently, make sure the chain icon is locked. Otherwise, a 16×16 sprite scaled to 64×48 will stretch and distort your art.
Frequently Asked Questions
Why does my pixel art look blurry when I resize it?
Your editor is likely using bilinear or bicubic interpolation by default. These methods blend neighboring pixel colors, which creates smooth transitions for photos but destroys the sharp edges that define pixel art. Switch the resample setting to nearest-neighbor, and only scale by integer multipliers (2x, 3x, 4x).
Can I scale down pixel art?
Scaling down pixel art is not recommended because it permanently removes pixel information. Once you shrink a 64×64 sprite to 32×32, the lost detail cannot be recovered by scaling back up. If you need a smaller version, redraw it at the target size from your original. If you must downscale, use bilinear interpolation — the result will not look like pixel art, but it will avoid the uneven fragmentation that nearest-neighbor produces when shrinking.
What is the best export format for pixel art?
PNG is the best format for pixel art. It uses lossless compression, so every pixel color is preserved exactly. GIF is also lossless but limited to 256 colors. JPEG should be avoided because its lossy compression introduces noise and artifacts around sharp pixel edges.
What is nearest-neighbor interpolation?
Nearest-neighbor is the simplest interpolation method. For each pixel in the scaled image, it copies the color of the closest pixel in the original. There is no blending, averaging, or guessing. This preserves the hard edges and uniform grid that pixel art depends on. In GIMP, it is called "None"; in Photoshop and Aseprite, it is labeled "Nearest Neighbor."
How do I display scaled pixel art on a physical device?
You can display pixel art on a dedicated LED pixel display like the Divoom Pixoo-64, which has a 64×64 grid of RGB LEDs. Upload your PNG file through the Divoom app via Wi-Fi or Bluetooth, and each pixel in your image maps directly to one LED on the screen. A 16×16 sprite scaled 4x to 64×64 fills the entire panel without any blur.
Keep Your Pixels Sharp
Scaling pixel art without blur comes down to two rules: use integer multipliers, and use nearest-neighbor interpolation. Together, they guarantee that every pixel in your original art becomes a uniform block in the scaled version — no blending, no ghosting, no uneven grid. Export as PNG, avoid JPEG, and never scale down unless you are prepared to lose detail.
Once your art is scaled and exported, a 64×64 pixel canvas like the Pixoo-64 gives your work a physical home on your desk. Each pixel you drew lights up as a single LED — the same crisp grid you created in your editor, now glowing in real life. No blur, no interpolation, just your art as you intended it.
