Fix jaggies in pixel art by manually placing one or two intermediate-color pixels at the step corners where a curve changes direction on the grid. These transition pixels bridge the staircase between two steps, making the curve read as smoother from a distance — without adding enough pixels to blur the line or erase the visible grid that gives pixel art its identity. The rule is simple: if it looks smooth when you step back, but you can still count individual pixels up close, you are done.
What Causes Jaggies in Pixel Art
Every pixel art canvas is a grid of squares. Horizontal and vertical lines map perfectly onto that grid, but any line that moves at an angle — a curve, a diagonal, an arc — has to be approximated by stepping from one square to the next. The result is a staircase pattern, and each visible step is a jaggy.
The sharper the angle of the line, the more pronounced the staircase becomes. A gentle curve might have steps of three or four pixels before each transition, barely noticeable. A tight circle or a 30-degree diagonal produces steps of only one or two pixels, creating a rough, jagged outline that draws the eye.
Some artists embrace this. The stair-step look is part of the retro pixel aesthetic, and in very small canvases it can be a deliberate style choice. But when you want smoother curves — for a character portrait, a logo, or a decorative piece you plan to display on a Pixoo-64 LED panel — you need a technique that smooths without destroying.
The Pixoo-64 is a 64×64 Wi-Fi pixel art display — a natural canvas for testing your anti-aliasing technique on a real LED panel. See it in action above.
How to Add Anti-Aliasing Without Blurring
Manual anti-aliasing in pixel art is the practice of placing transition pixels at the exact corners where a staircase step changes direction. Here is the process, step by step.
Step 1 — Identify the step corners. Zoom in to 1× (one screen pixel equals one canvas pixel). Trace your curve and find every point where the line shifts from moving horizontally to moving vertically, or vice versa. These are your step corners — the spots that look like the outer edge of a stair tread.
Step 2 — Choose an intermediate color. Pick a color that sits between your outline (or edge) color and your fill (or background) color. If your outline is dark blue and the fill beside it is light blue, your transition pixel should be a medium blue. The goal is a single shade that visually bridges the two.
Step 3 — Place one or two transition pixels. At each step corner, place exactly one or two pixels of your intermediate color. Position them at the junction where two steps meet — not along the entire edge, just at the corner. Think of it as filling the gap where the staircase turns, not painting a new outline.
Step 4 — Review from a distance. Zoom out to 50% or step back from your monitor. The curve should look noticeably smoother. If it still looks jagged, you can add one more transition pixel at the most visible corner. If the edge starts to look soft or fuzzy, you have added too many.
The critical principle: you are building visual bridges, not applying a blur filter. Each transition pixel should be a discrete, intentional placement — not part of a gradient smear. When done right, the viewer's eye reads the curve as smooth even though every individual pixel is still visible up close.
What Over-Anti-Aliasing Looks Like
The most common mistake is adding transition pixels along the entire edge instead of only at step corners. When this happens, the outline becomes a band of three or four intermediate shades wrapping around the shape — and the pixel art starts to look like a low-resolution photograph with a Gaussian blur applied.
Three signs you have gone too far:
- The edge looks like a gradient. If you cannot clearly distinguish where the outline ends and the fill begins, the anti-aliasing has become a blur.
- Individual pixels are no longer visible. Zoom in to 1×. If adjacent transition pixels blend into each other and you cannot tell them apart, there are too many intermediate shades.
- The art looks like a scaled image. The defining quality of pixel art is visible, intentional pixel placement. If a viewer cannot tell whether the piece is pixel art or just a small image, the pixel identity is lost.
When in doubt, remove a transition pixel rather than add one. Pixel art rewards restraint. A slightly jagged curve that still reads as intentional pixel work is always better than a smooth curve that reads as a mistake.
How to Tell When You Have Done Enough
Three practical tests will tell you whether your anti-aliasing is in the right zone.
The zoom-out test. Reduce your canvas view to 50% or hold your artwork at arm's length. The curve should appear smooth — no visible staircase steps catching your eye. If you still see obvious jaggies at this distance, add one more transition pixel at the worst corner and check again.
The pixel-visibility test. Zoom back in to 1×. Every pixel — including the transition pixels you just added — should be a distinct, countable square. If any area looks like it has been smudged or softened, you have placed too many intermediate pixels in that spot.
The gradient test. Look at the edge of your shape from normal viewing distance. If the outline reads as a crisp boundary with a subtle smoothing effect, you are in the right zone. If it reads as a soft, feathered edge — like a brush stroke in a painting app — pull back. Remove one layer of transition pixels and recheck.
A good rule of thumb: most curves need only one intermediate shade and one or two pixels per step corner. If you find yourself reaching for a third shade or a third pixel at the same corner, stop and zoom out first.
Why Small Canvases Like Pixoo-64 Need Extra Restraint
On a 64×64 grid, each pixel represents roughly 1.5% of the canvas width. That means a single transition pixel carries far more visual weight than it would on a 256×256 or 512×512 canvas. One well-placed intermediate pixel can smooth a corner; three can make the entire edge look muddy.
The Pixoo-64 is a Wi-Fi LED display that renders your pixel art at exactly 64×64 physical pixels. There is no sub-pixel rendering, no screen-level anti-aliasing — what you place on the canvas is exactly what lights up on the panel. This makes the restraint principle even more important: every transition pixel you add is a deliberate, visible choice.
For small canvases, follow a tighter version of the standard rule:
- Use only one intermediate shade — not two.
- Place only one transition pixel per step corner — not two.
- Review the art at actual display size (hold the Pixoo-64 at desk distance) rather than relying solely on zoom-out in your editor.
The same principle applies to the Times Gate, which offers a larger pixel grid but still displays art at a fixed physical resolution. On any dedicated pixel display, your anti-aliasing choices are permanent once rendered — there is no screen-level smoothing to hide over-AA. For device setup and configuration, refer to the Divoom product manual.
Tool Tips for Clean Pixel Placement
Anti-aliasing in pixel art starts with the right tool. Always use a Pencil Tool or single-pixel placement tool — never a Brush Tool. Brush tools apply automatic softening on every stroke, adding unintended transition pixels that you did not choose. This is the single most common cause of accidental blur in pixel art.
In Aseprite, use the Pencil Tool with pixel-perfect mode enabled. In Photoshop, select the Pencil Tool and disable anti-aliasing on any selection or shape tools. In Procreate, use the Monoline brush at 100% hardness with StreamLine turned off.
Work at 1× zoom when placing pixels. Use zoom-out only for reviewing the overall smoothness of the curve. This habit keeps you focused on individual pixel decisions rather than painting broad strokes that accidentally soften edges.
Frequently Asked Questions
Is anti-aliasing good for pixel art?
Yes, when applied manually and sparingly. Manual anti-aliasing — placing one or two intermediate-color pixels at step corners — smooths curves without destroying the visible pixel grid that defines pixel art. The problem is not anti-aliasing itself, but over-application: adding too many transition pixels creates blur, which makes the art look like a scaled-down image instead of intentional pixel work.
How do I avoid jaggies on straight diagonal lines?
Follow the equal-step rule: each step in the staircase should have the same width and height. A 2:1 line (two pixels right, one pixel up) should repeat that exact pattern consistently along its entire length. Irregular step sizes — such as alternating between 2:1 and 3:1 — create visible bumps that look worse than regular jaggies.
Should I use the Pencil Tool or Brush Tool for pixel art?
Always use the Pencil Tool (or equivalent single-pixel tool). The Brush Tool applies automatic edge softening on every stroke, adding unintended anti-aliasing that blurs your lines. The Pencil Tool places hard-edged pixels exactly where you click, giving you full control over which transition pixels to add and which to leave out.
You now have the technique — identify step corners, place one or two intermediate pixels, and stop. You have the standard — smooth from a distance, pixels visible up close. And you have the restraint principle — when in doubt, remove rather than add.
The next step is putting your smoothed pixel art to work. Upload your custom art to a Divoom display and see it rendered on real LED pixels, where every transition pixel you placed lights up exactly as you intended. If you want to start from a community design instead, browse the Divoom app template library for inspiration — then apply the same anti-aliasing technique to make it your own.
