Raster graphics

Vector graphics GIF Image file formats
The smiley face in the top left corner is a raster image. When enlarged, individual pixels appear as squares. Enlarging in further, they can be analyzed, with their colors constructed by combining the values for red, green and blue.

In computer graphics, a Raster graphics or Bitmap image is a dot matrix data structure that represents a generally rectangular grid of pixels (points of color), viewable via a monitor, paper, or other display medium. Raster images are stored in image files with varying formats.

A bitmap is a rectangular grid of pixels, with each pixel's color being specified by a number of bits.[1] A bitmap might be created for storage in the display's video memory[2] or as a device-independent bitmap file.[1] A raster is technically characterized by the width and height of the image in pixels and by the number of bits per pixel (or color depth, which determines the number of colors it can represent).[1]

The printing and prepress industries know raster graphics as contones (from "continuous tones"). The opposite to contones is "line work", usually implemented as vector graphics in digital systems.[3] Vector images can be rasterized (converted into pixels), and raster images vectorized (raster images converted into vector graphics), by software. In both cases some information is lost, although certain vectorization operations can recreate salient information, as in the case of optical character recognition.


The word "raster" has its origins in the Latin rastrum (a rake), which is derived from radere (to scrape). It originates from the raster scan of cathode ray tube (CRT) video monitors, which paint the image line by line by magnetically or electrostatically steering a focused electron beam.[4] By association, it can also refer to a rectangular grid of pixels. The word rastrum is now used to refer to a device for drawing musical staff lines.


Computer displays

Most modern computers have bitmapped displays, where each on-screen pixel directly corresponds to a small number of bits in memory.[5] The screen is refreshed simply by scanning through pixels and coloring them according to each set of bits. The refresh procedure, being speed critical, is often implemented by dedicated circuitry, often as a part of a graphics processing unit.

Using this approach, the computer contains an area of memory that holds all the data that are to be displayed. The central processor writes data into this region of memory and the video controller collects them from there. The bits of data stored in this block of memory are related to the eventual pattern of pixels that will be used to construct an image on the display.[6]

An early scanned display with raster computer graphics was invented in the late 1960s by A. Michael Noll at Bell Labs,[7] but its patent application filed February 5, 1970 was abandoned at the Supreme Court in 1977 over the issue of the patentability of computer software.[8]

Image storage

Using a raster to summarize a point pattern.

Most computer images are stored in raster graphics formats or compressed variations, including GIF, JPEG, and PNG, which are popular on the World Wide Web.[1][9] A raster data structure is based on a (usually rectangular, square-based) tessellation of the 2D plane into cells. In the example the cells of tessellation A are overlaid on the point pattern B resulting in an array C of quadrant counts representing the number of points in each cell. For purposes of visualization a lookup table has been used to color each of the cells in an image D. Here are the numbers as a simple vector in row/column order:

1 3 0 0 1 12 8 0 1 4 3 3 0 2 0 2 1 7 4 1 5 4 2 2 0 3 1 2 2 2 2 3 0 5 1 9 3 3 3 4 5 0 8 0 2 4 3 2 8 4 3 2 2 7 2 3 2 10 1 5 2 1 3 7

Finally, here is a run-length encoded representation of the raster, which has 55 positions:

values : 1 3 0 1 12 8 0 1 4 3 ...
lengths: 1 1 2 1 1 1 1 1 1 2 ...

This process clearly results in a loss of information, from the real-valued coordinates of the points, through the integer cell counts, to the ordinal colors, but there are also gains:

Three-dimensional voxel raster graphics are employed in video games and are also used in medical imaging such as MRI scanners.[10]

Geographic information systems

GIS data is commonly stored in a raster format to encode geographic data as the pixel values. Georeferencing information can also be associated with pixels.


Raster graphics are resolution dependent, meaning they cannot scale up to an arbitrary resolution without loss of apparent quality. This property contrasts with the capabilities of vector graphics, which easily scale up to the quality of the device rendering them. Raster graphics deal more practically than vector graphics with photographs and photo-realistic images, while vector graphics often serve better for typesetting or for graphic design. Modern computer-monitors typically display about 72 to 130 pixels per inch (PPI), and some modern consumer printers can resolve 2400 dots per inch (DPI) or more; determining the most appropriate image resolution for a given printer-resolution can pose difficulties, since printed output may have a greater level of detail than a viewer can discern on a monitor. Typically, a resolution of 150 to 300 PPI works well for 4-color process (CMYK) printing.

However, for printing technologies that perform color mixing through dithering (halftone) rather than through overprinting (virtually all home/office inkjet and laser printers), printer DPI and image PPI have a very different meaning, and this can be misleading. Because, through the dithering process, the printer builds a single image pixel out of several printer dots to increase color depth, the printer's DPI setting must be set far higher than the desired PPI to ensure sufficient color depth without sacrificing image resolution. Thus, for instance, printing an image at 250 PPI may actually require a printer setting of 1200 DPI.[11]

Raster-based image editors

Raster-based image editors, such as PaintShop Pro, Painter, Photoshop, Paint.NET, MS Paint, and GIMP, revolve around editing pixels, unlike vector-based image editors, such as Xfig, CorelDRAW, Adobe Illustrator, or Inkscape, which revolve around editing lines and shapes (vectors). When an image is rendered in a raster-based image editor, the image is composed of millions of pixels. At its core, a raster image editor works by manipulating each individual pixel.[9] Most[citation needed] pixel-based image editors work using the RGB color model, but some also allow the use of other color models such as the CMYK color model.[12]

See also


  1. ^ a b c d "Types of Bitmaps". Microsoft Docs. Microsoft. 29 March 2017. Retrieved 1 January 2019. A bitmap is an array of bits that specify the color of each pixel in a rectangular array of pixels. The number of bits devoted to an individual pixel determines the number of colors that can be assigned to that pixel. For example, if each pixel is represented by 4 bits, then a given pixel can be assigned one of 16 different colors (2^4 = 16).
    There are many standard formats for saving bitmaps in disk files. GDI+ supports.... BMP.... GIF.... JPEG.... EXIF.... PNG.... TIFF
  2. ^ "Bitmap Class". Msdn.microsoft.com. Retrieved 30 November 2014.
  3. ^ "Patent US6469805 - Post raster-image processing controls for digital color image printing". Google.nl. Retrieved 30 November 2014.
  4. ^ Bach, Michael; Meigen, Thomas; Strasburger, Hans (1997). "Raster-scan cathode-ray tubes for vision research – limits of resolution in space, time and intensity, and some solutions". Spatial Vision. 10 (4): 403–14. doi:10.1163/156856897X00311. PMID 9176948.
  5. ^ "bitmap display from FOLDOC". Foldoc.org. Retrieved 30 November 2014.
  6. ^ Murray, Stephen. "Graphic Devices." Computer Sciences, edited by Roger R. Flynn, vol. 2: Software and Hardware, Macmillan Reference USA, 2002, pp. 81-83. Gale eBooks, https://link-gale-com.libaccess.lib.mcmaster.ca/apps/doc/CX3401200218/GVRL?u=ocul_mcmaster&sid=GVRL&xid=acaf5d43. Accessed 3 Aug. 2020.
  7. ^ Noll, A. Michael (March 1971). "Scanned-Display Computer Graphics". Communications of the ACM. 14 (3): 143–150. doi:10.1145/362566.362567.
  8. ^ "Patents". Noll.uscannenberg.org. Retrieved 30 November 2014.
  9. ^ a b "Raster vs Vector". Gomez Graphics Vector Conversions. Retrieved 1 January 2019. Raster images are created with pixel-based programs or captured with a camera or scanner. They are more common in general such as jpg, gif, png, and are widely used on the web.
  10. ^ "CHAPTER-1". Cis.rit.edu. Retrieved 30 November 2014.
  11. ^ Fulton, Wayne (April 10, 2010). "Color Printer Resolution". A few scanning tips. Retrieved August 21, 2011.
  12. ^ "Print Basics: RGB Versus CMYK". HP Tech Takes. HP. 12 June 2018. Retrieved 1 January 2019. If people are going to see it on a computer monitor, choose RGB. If you’re printing it, use CMYK. (Tip: In Adobe® Photoshop®, you can choose between RGB and CMYK color channels by going to the Image menu and selecting Mode.)