Definition
Computer screens are made of millions of tiny square blocks called pixels. Because of this grid, diagonal lines and curves naturally form jagged, stair-stepped edges known as aliasing or 'the jaggies.' Anti-aliasing is a technique that fills those jagged corners with transitional shades of color, tricking the human eye into seeing smooth, continuous edges from a normal distance.
Why Do Diagonal Lines Turn into Staircases on Screen?
Imagine drawing on grid paper where you can only fill entire squares. Horizontal and vertical lines line up perfectly with the grid, looking razor-sharp.
The trouble starts with diagonal lines. A diagonal cuts across square boundaries—it might cover half of one box and barely graze the corner of another. Since each square must be either fully colored or left completely blank, the line inevitably turns into a jagged, uneven zigzag.
Your display works the exact same way. Every pixel on screen can only display one single color at any given moment. It has no way to fill just a fraction of itself.
This is why circles, diagonal edges, and tilted 3D objects show sharp, staircase-like jaggies. It is the reason power lines or fence railings in video games often look jagged and broken.
Tricking the Eye with Intermediate Colors
The core concept of anti-aliasing is simple: instead of coloring a pixel all the way or leaving it empty, you color it with a blended shade based on how much of the line passes through it.
If a black diagonal line covers half of a white pixel's area, that pixel is painted gray—halfway between black and white. A pixel barely clipped at the corner receives a very pale gray.
Our eyes cannot distinguish every microscopic pixel individually; instead, our vision blends neighboring colors together. When our brain sees these light and dark grays lined up in order, it perceives them as a single, smoothly connected edge.
If you zoom in closely, the edge is still technically a staircase. However, the steps are padded with transitional colors. The jagged geometry was not removed—it was simply disguised so your eyes hardly notice it.
A Closer Look: Smoothness Comes at a Cost
To be more precise, graphics engines use several different methods to calculate these intermediate colors. The most straightforward technique is rendering the scene at a much higher resolution than the display, then shrinking it down while averaging neighboring pixels.
While this produces pristine image quality, calculating all those extra pixels puts heavy stress on your graphics card. To save performance, common techniques detect only object silhouettes and calculate blending strictly along those visible borders.
Other methods reuse data from previous frames and blend them over time. This requires far less computing power, though rapid motion can sometimes introduce faint ghosting trails or slight softness across the image.
Smoothness, sharpness, and frame rates exist in constant tension. Video game graphics menus offer different anti-aliasing options precisely so you can trade performance for visual smoothness based on your hardware.
Common misconceptions
Turning on anti-aliasing increases your monitor's display resolution.
The physical pixel count remains identical. Anti-aliasing does not add pixels; it merely modifies the color values of edge pixels to create an illusion of smoothness.
Jagged edges appear because a graphics card is weak or defective.
As long as displays are built from square pixel grids, jagged edges appear even on the most powerful hardware. A faster graphics card simply has enough performance to smooth those steps more thoroughly.
Where you meet it
Word processors subtly blending letter edges with light gray tones so text reads smoothly
Turning off anti-aliasing in video games, causing distant power lines or railings to look pixelated and broken
In one sentence
A rendering technique that blends intermediate colors along pixel borders to soften the jagged, stair-stepped edges caused by square pixel grids.