Short for Picture Element, a pixel is a single point in a graphic image.
Graphics monitors display pictures by dividing the display screen into thousands
(or millions) of pixels, arranged in rows and columns. The pixels are so close
together that they appear connected.
A pixel (or picture element) is the smallest item of information in an image. Pixels are normally arranged in a 2-dimensional grid, and are often represented using dots, squares, or rectangles. Each pixel is a sample of an original image, where more samples typically provide more-accurate representations of the original. The intensity of each pixel is variable; in color systems, each pixel has typically three or four components such as red, green, and blue, or cyan, magenta, yellow, and black.
This example shows an image with a portion greatly enlarged, in which the individual pixels are rendered as little squares and can easily be seen.
The word pixel is based on a contraction of pix ("pictures") and el (for "element"); similar formations with el for "element" include the words: voxel and texel.
The word "pixel" was first published in 1965 by Frederic C. Billingsley of JPL (in Pasadena, CA), to describe the picture elements of video images from space probes to the Moon and Mars. However, Billingsley did not coin the term himself. Instead, he got the word "pixel" from Keith E. McFarland, at the Link Division of General Precision in Palo Alto, who did not know where the word originated. McFarland said simply it was "in use at the time" (circa 1963).
The word is a combination of picture and element, via pix. Pix was first coined in 1932 in a Variety magazine headline, as an abbreviation for the word pictures, in reference to movies. By 1938, "pix" was being used in reference to still pictures by photojournalists.
The concept of a "picture element" dates to the earliest days of television, for example as "Bildpunkt" (the German word for pixel, literally picture point) in the 1888 German patent of Paul Nipkow. According to various etymologies, the earliest publication of the term picture element itself was in Wireless World magazine in 1927, though it had been used earlier in various U.S. patents filed as early as 1911.
Some authors explain pixel as picture cell, as early as 1972.
A detailed history of pixel and picture element, with references, is linked below (in External links).
In video processing, pel is often used instead of pixel. For example, IBM used it in their Technical Reference for the original PC.
Words with similar etymologies
Texel (texture element) and luxel (lux element) are words used to describe a pixel when it is used in specific context (texturing and light mapping respectively)
A voxel is a volume element, the 3D analogue of a 2D pixel.
Surfels (surface elements) have the same naming pattern as pixels, but share more similarities with shrunken triangles than expanded pixels.
A pixel does not need to be rendered as a small square. This image shows alternative ways of reconstructing an image from a set of pixel values, using dots, lines, or smooth filtering.A pixel is generally thought of as the smallest single component of a digital image. The definition is highly context-sensitive. For example, there can be "printed pixels" in a page, or pixels carried by electronic signals, or represented by digital values, or pixels on a display device, or pixels in a digital camera (photosensor elements). This list is not exhaustive, and depending on context, there are several terms that are synonymous in particular contexts, such as pel, sample, byte, bit, dot, spot, etc. The term "pixels" can be used in the abstract, or as a unit of measure, in particular when using pixels as a measure of resolution, such as: 2400 pixels per inch, 640 pixels per line, or spaced 10 pixels apart.
The measures dots per inch (dpi) and pixels per inch (ppi) are sometimes used interchangeably, but have distinct meanings, especially for printer devices, where dpi is a measure of the printer's density of dot (e.g. ink droplet) placement. For example, a high-quality photographic image may be printed with 600 ppi on a 1200 dpi inkjet printer. Even higher dpi numbers, such as the 4800 dpi quoted by printer manufacturers since 2002, do not mean much in terms of achievable resolution.
The more pixels used to represent an image, the closer the result can resemble the original. The number of pixels in an image is sometimes called the
resolution, though resolution has a more specific definition. Pixel counts can be expressed as a single number, as in a "three-megapixel" digital camera, which has a nominal three million pixels, or as a pair of numbers, as in a "640 by 480 display", which has 640 pixels from side to side and 480 from top to bottom (as in a VGA display), and therefore has a total number of 640 × 480 = 307,200 pixels or 0.3 megapixels.
The pixels, or color samples, that form a digitized image (such as a JPEG file used on a web page) may or may not be in one-to-one correspondence with screen pixels, depending on how a computer displays an image.
In computing, an image composed of pixels is known as a bitmapped image or a raster image. The word raster originates from television scanning patterns, and has been widely used to describe similar halftone printing and storage techniques.
For convenience, pixels are normally arranged in a regular two-dimensional grid. By using this arrangement, many common operations can be implemented by uniformly applying the same operation to each pixel independently.
Other arrangements of pixels are also possible, with some sampling patterns even changing the shape (or kernel) of each pixel across the image.
For this reason, care must be taken when acquiring an image on one device and displaying it on another, or when converting image data from one pixel format to another.
- LCD screens typically use a staggered grid, where the red, green, and blue components are sampled at slightly different locations. Subpixel rendering is a technology which takes advantage of these differences to improve the rendering of text on LCD screens.
- Some digital cameras use a Bayer filter, resulting in a regular grid of pixels where the color of each pixel depends on its position on the grid.
- A clipmap uses a hierarchical sampling pattern, where the size of the support of each pixel depends on its location within the hierarchy.
- Warped grids are used when the underlying geometry is non-planar, such as images of the earth from space.
- The use of non-uniform grids is an active research area, attempting to bypass the traditional Nyquist limit.
- Pixels on computer monitors are normally "square" (this is, having equal horizontal and vertical sampling pitch); pixels in other systems are often "rectangular" (that is, having unequal horizontal and vertical sampling pitch), as are digital video formats with diverse aspect ratios, such as the anamorphic widescreen formats of the CCIR 601 digital video standard.
Display resolution vs. native resolution in computer monitors
Computers can use pixels to display an image, often an abstract image that represents a GUI. The resolution of this image is called the display resolution and is determined by the video card of the computer.
LCD computer monitors also use pixels to display an image, and have a native resolution. Each pixel is made up of triads, with the number of these triads determining the native resolution. On some CRT monitors, the beam sweep rate may be fixed, resulting in a fixed native resolution. Most CRT monitors do not have a fixed beam sweep rate, meaning they don't have a native resolution at all - instead they have a set of resolutions that are equally well supported.
To produce the sharpest images possible on an LCD, the user must ensure the display resolution of the computer matches the native resolution of the monitor. On a CRT with a fixed beam sweep rate, you are required to use the native resolution. On a CRT without this restriction, you may use any resolution supported by the monitor that matches the monitor's physical aspect ratio and it will look fine.
If the aspect ratio of the physical display and the selected resolution are different, many different things can happen. On some LCDs, the monitor will stretch or squash the image to fill the entire display. This can result in the image appearing blurry or jagged.
On others, the aspect ratio will be maintained while expanding the image to fit the display, resulting in black bars on the top or sides of the image. This can also result in the image appearing blurry or jagged, depending on the native resolution of the display and the selected resolution on the computer. For example, let's take the relatively common case of a full-screen application written assuming a 4:3 aspect ratio running on a 16:10 aspect ratio widescreen display. If the selected resolution were 1600x1200 and you were running it on a 1920x1200 display that maintains aspect ratio while expanding the image to fit, the image would not look blurry, because each pixel in the 1600x1200 image maps to exactly 1 pixel on the 1920x1200 display. If the selected resolution were 1280x960, the display would have to try to stretch the 960 pixels to fill 1200 pixels, which would mean each of the selected resolution pixels needs to take up 1.25 pixels on the physical display. Since this can't be done, the monitor uses some scheme to figure out how to distribute the colors from those 960 pixels to fill the 1200 pixels of the physical display. This mapping results in a blurry or jagged appearance. However, if the selected resolution were 800x600, you would be OK again, because 600 pixels can be expanded to 1200 pixels by having each pixel from the selected resolution take up 2 pixels on the physical display.
On yet other LCD monitors, if the selected resolution is less than the native resolution of the monitor, the monitor will display things in the selected resolution, with a black border around the edges.
Bits per pixel
Main article: Color depth
The number of distinct colors that can be represented by a pixel depends on the number of bits per pixel (bpp). A 1 bpp image uses 1-bit for each pixel, so each pixel can be either on or off. Each additional bit doubles the number of colors available, so a 2 bpp image can have 4 colors, and a 3 bpp image can have 8 colors:
For color depths of 15 or more bits per pixel, the depth is normally the sum of the bits allocated to each of the red, green, and blue components. Highcolor, usually meaning 16 bpp, normally has five bits for red and blue, and six bits for green, as the human eye is more sensitive to errors in green than in the other two primary colors. For applications involving transparency, the 16 bits may be divided into five bits each of red, green, and blue, with one bit left for transparency. A 24-bit depth allows 8 bits per component. On some systems, 32-bit depth is available: this means that each 24-bit pixel has an extra 8 bits to describe its opacity (for purposes of combining with another image).
- 1 bpp, 21 = 2 colors (monochrome)
- 2 bpp, 22 = 4 colors
- 3 bpp, 23 = 8 colors
- 8 bpp, 28 = 256 colors
- 16 bpp, 216 = 65,536 colors ("Highcolor" )
- 24 bpp, 224 ≈ 16.8 million colors ("Truecolor")
Geometry of color elements of various CRT and LCD displays; phosphor dots in a color CRT display (top row) bear no relation to pixels or subpixels.Many display and image-acquisition systems are, for various reasons, not capable of displaying or sensing the different color channels at the same site. Therefore, the pixel grid is divided into single-color regions that contribute to the displayed or sensed color when viewed at a distance.
In some displays, such as LCD, LED, and plasma displays, these single-color regions are separately addressable elements, which have come to be known as "subpixels". For example, LCDs typically divide each pixel horizontally into three subpixels.
Most digital camera image sensors also use single-color sensor regions, for example using the Bayer filter pattern, but in the case of cameras these are known as pixels, not subpixels.
For systems with subpixels, two different approaches can be taken:
This latter approach, referred to as subpixel rendering, uses knowledge of pixel geometry to manipulate the three colored subpixels separately, producing a slight increase in the apparent resolution of color displays.
- The subpixels can be ignored, with full-color pixels being treated as the smallest addressable imaging element; or
While CRT displays also use red-green-blue masked phosphor areas, dictated by a mesh grid called the shadow mask, it would require a difficult calibration step to be aligned with the displayed pixel raster, and so CRTs do not currently use subpixel rendering.
A megapixel (MP) is 1 million pixels, and is a term used not only for the number of pixels in an image, but also to express the number of
image sensor elements of digital cameras or the number of display elements of digital displays. For example, a
camera with an array of 2048×1536 sensor elements is commonly said to have "3.1 megapixels" (2048 × 1536 = 3,145,728). The neologism sensel is sometimes used to describe the elements of a digital camera's sensor, since these are picture-detecting rather than picture-producing elements.
Digital cameras use photosensitive electronics, either charge-coupled device (CCD) or
complementary metal–oxide–semiconductor (CMOS) image sensors, consisting of a large number of single sensor elements, each of which records a measured intensity level. In most digital cameras, the sensor array is covered with a patterned color filter mosaic having red, green, and blue regions in the Bayer filter arrangement, so that each sensor element can record the intensity of a single primary color of light. The camera interpolates the color information of neighboring sensor elements, through a process called
demosaicing, to create the final image. These sensor elements are often called "pixels", even though they only record 1 channel (only red, or green, or blue) of the final color image. As a result, two of the three color channels for each sensor must be interpolated and a so-called N-megapixel camera that produces an N-megapixel image provides only one-third of the information that an image of the same size could get from a scanner. As a result, certain color contrasts may look fuzzier than others, depending on the allocation of the primary colors (green has twice as many elements as red or blue in the Bayer arrangement).
In contrast to conventional image sensors, the Foveon X3 sensor uses three layers of sensor elements, so that it detects red, green, and blue intensity at each array location. This structure eliminates the need for de-mosaicing and eliminates the associated image artifacts, such as color blurring around sharp edges. Citing the precedent established by mosaic sensors, Foveon counts each single-color sensor element as a pixel, even though the native output file size has only one pixel per three camera pixels. With this method of counting, an N-megapixel Foveon X3 sensor therefore captures the same amount of information as an N-megapixel
Bayer-mosaic sensor, though it packs the information into fewer image pixels, without any interpolation.
Standard display resolutions
Main article: display resolution
Display standards comparisonSelected standard display resolutions include:
|Width x Height
- Computer graphics portal
- Computer display standard
- Gigapixel image
- Image resolution
- Intrapixel and Interpixel processing
- Pixel advertising
- Pixel art
- Pixel art scaling algorithms
- Pixel aspect ratio
- Point (typography)
- Raster scan
- Vector graphics