Sign in to save

Bookmark this page so you can find it later.

Sign in to save

Bookmark this page so you can find it later.

A computer screen turns digital information into patterns of colored light that your eyes interpret as images. Every photo, video, game scene, and line of text is built from tiny picture elements called pixels. Each pixel is usually made from red, green, and blue subpixels whose brightness can be controlled separately.

Understanding screens matters because it connects electronics, optics, color science, and human vision in one everyday device.

The computer sends image data to the display as numerical brightness values for millions of pixels many times per second. Display electronics decode these values, address rows and columns in a pixel grid, and control how much light each subpixel emits or filters. In LCD screens, liquid crystals act like tiny light valves in front of a backlight, while OLED screens make light directly from each subpixel.

The final image forms because your eye blends nearby red, green, and blue light into a wide range of perceived colors.

Understanding How Computer Screens Display Images

An LCD does not create most of its own light. Behind the image layer is a bright white backlight, often made with LEDs. Light first passes through polarizing filters.

Between them sits a liquid crystal layer. When electronics apply a voltage, the crystal molecules rotate or line up differently. This changes how much light can pass through each tiny area.

Color filters then allow mainly red, green, or blue light through. A thin transistor at each subpixel holds the required voltage until the next update.

This system is called an active matrix. It gives the display precise local control, but dark areas can still look slightly gray because some backlight leaks through.

OLED pixels work differently. Their organic materials produce light when electric current passes through them. A black pixel can be turned fully off, so OLED screens can show very deep blacks.

Each pixel controls its own light, which can improve contrast in films and dark game scenes. OLED panels have tradeoffs. Bright static items, such as a phone navigation bar or a game score, can age the materials unevenly if they remain in one place for very long periods.

This can leave a faint persistent image called burn in. Screen makers reduce this risk by shifting images by tiny distances and limiting brightness in certain situations.

The numbers stored for a pixel do not represent a color in the same way that paint colors do. They tell the display how strongly to drive each subpixel. More available brightness steps produce smoother changes between shades.

With too few steps, a gentle sky gradient may show visible bands instead of a smooth transition. Displays use processing methods such as dithering to hide some of these steps. The screen must also convert image data into its own physical pixel pattern.

When a lower resolution video fills a higher resolution screen, the display estimates missing values. This scaling can make fine text or sharp edges appear softer, especially when the image is enlarged by a non-whole-number amount.

Motion introduces another set of limits. A screen may accept new frames quickly, yet pixels can take time to change from one shade to another. Slow changes create trails behind moving objects.

LCDs often use overdrive, where the electronics briefly push a pixel beyond its target level so it reaches the correct level sooner. Fast motion can still look blurred because the eye follows an object while the screen holds each frame in place. Higher refresh rates reduce the time each frame stays visible, but they do not automatically make every source look smoother.

A game, video card, cable, and display need to supply frames at suitable rates. When learning this topic, separate resolution, refresh rate, response time, brightness, and contrast. They describe different parts of image quality.

Key Facts

  • Resolution = number of horizontal pixels by number of vertical pixels, such as 1920 x 1080.
  • Total pixels = width in pixels x height in pixels.
  • Each full-color pixel is usually made from 3 subpixels: red, green, and blue.
  • Color mixing uses additive light: red + green = yellow, green + blue = cyan, red + blue = magenta, and red + green + blue = white.
  • Refresh rate f is measured in hertz, with 60 Hz meaning the screen updates 60 times per second.
  • Frame time = 1/f, so a 60 Hz display has a frame time of about 0.0167 s.

Vocabulary

Pixel
A pixel is the smallest addressable picture element in a digital display.
Subpixel
A subpixel is a red, green, or blue light-producing or light-filtering part of a pixel.
Resolution
Resolution is the number of pixels arranged across and down a screen.
Refresh rate
Refresh rate is the number of times per second a display updates its image.
Liquid crystal
A liquid crystal is a material whose molecules can rotate light polarization when controlled by an electric field.

Common Mistakes to Avoid

  • Confusing pixels with subpixels is wrong because one visible color pixel is usually built from three separate red, green, and blue subpixels.
  • Assuming higher resolution always means a better image is wrong because screen size, viewing distance, brightness, contrast, color accuracy, and refresh rate also matter.
  • Thinking black on an LCD means no electronics are active is wrong because the backlight may still be on while liquid crystals and polarizers block most of the light.
  • Treating refresh rate and frame rate as the same thing is wrong because refresh rate is what the display can update, while frame rate is how many new images the computer or video source provides.

Practice Questions

  1. 1 A monitor has a resolution of 2560 x 1440. How many total pixels does it have?
  2. 2 A 4K display has 3840 x 2160 pixels, and each pixel has 3 subpixels. How many subpixels are on the screen?
  3. 3 Two screens have the same resolution, but one is much larger than the other. Explain why text and images may look sharper on the smaller screen when viewed from the same distance.