Jump to content

Raster graphics: Difference between revisions

From Wikipedia, the free encyclopedia
Browse history interactively
← Previous editNext edit →
Content deleted Content added
VisualWikitext
m Reverting possible vandalism by 69.116.218.28 to version by Orphan Wiki. Report False Positive? Thanks, ClueBot NG. (3518894) (Bot)
Removed very old citation claiming "bitmap" means 1 bit per pixel (it hasn't meant that since at least Windows 3). Added better citation to MSDN that adds information not in the original MSDN cite. Rewrote paragraph accordingly. Also added citations to Image Storage and Raster-based Image Editors sections.
Line 4: Line 4:
In [[computer graphics]], a '''raster graphics''' or '''bitmap''' image is a [[dot matrix]] [[data structure]] that represents a generally [[Rectangle|rectangular]] grid of [[pixel]]s (points of [[color]]), viewable via a [[Computer display|monitor]], [[paper]], or other display medium. Raster images are stored in [[image file]]s with varying formats.
In [[computer graphics]], a '''raster graphics''' or '''bitmap''' image is a [[dot matrix]] [[data structure]] that represents a generally [[Rectangle|rectangular]] grid of [[pixel]]s (points of [[color]]), viewable via a [[Computer display|monitor]], [[paper]], or other display medium. Raster images are stored in [[image file]]s with varying formats.


A [[bitmap]], a single-bit raster,<ref>James D. Foley (1995). Computer Graphics: Principles and Practice. Addison-Wesley Professional. p. 13. {{ISBN|0-201-84840-6}}. "The term bitmap, strictly speaking, applies only to 1-bit-per-pixel bilevel systems; for multiple-bit-per-pixel systems, we use the more general term pixmap (short for pixel map)."</ref> corresponds [[bit]]-for-bit with an image displayed on a screen, generally in the same format used for storage in the display's video memory, or maybe as a device-independent [[bitmap]]. 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).<ref>{{cite web|url=http://msdn.microsoft.com/en-us/library/system.drawing.bitmap%28v=vs.110%29.aspx|title=Bitmap Class|publisher=Msdn.microsoft.com|accessdate=30 November 2014}}</ref>
A [[bitmap]] is a rectangular grid of pixels, with each pixel's color being specified by a number of bits.<ref name="MSDN_bitmapTypes" /> A bitmap might be created for storage in the display's video memory<ref name="MSDN_bitmapClass">{{cite web|url=http://msdn.microsoft.com/en-us/library/system.drawing.bitmap%28v=vs.110%29.aspx|title=Bitmap Class|publisher=Msdn.microsoft.com|accessdate=30 November 2014}}</ref> or as a device-independent bitmap file.<ref name="MSDN_bitmapTypes" /> 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).<ref name="MSDN_bitmapTypes">{{cite web |url=https://docs.microsoft.com/en-us/dotnet/framework/winforms/advanced/types-of-bitmaps?view=netframework-4.7.2 |title=Types of Bitmaps |date=29 March 2017 |website=Microsoft Docs |publisher=Microsoft |access-date=1 January 2019 |quote=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).<br />....<br />There are many standard formats for saving bitmaps in disk files. GDI+ supports.... BMP.... GIF.... JPEG.... EXIF.... PNG.... TIFF}}</ref>


The [[printing]] and [[prepress]] industries know raster graphics as '''contones''' (from "continuous [[tints and shades|tones]]"). The [[opposite (semantics)|opposite]] to contones is [[line art|"line work"]], usually implemented as [[vector graphics]] in digital systems.<ref>{{cite web|url=http://www.google.nl/patents/US6469805|title=Patent US6469805 - Post raster-image processing controls for digital color image printing|publisher=Google.nl|accessdate=30 November 2014}}</ref> Vector images can be [[rasterisation|rasterized]] (converted into pixels), and raster images [[image tracing|vectorized]] (raster images converted into vector graphics), by software. In both cases some information is lost, although vectorizing can also restore some information back to [[machine-readable data|machine readability]], as happens in [[optical character recognition]].
The [[printing]] and [[prepress]] industries know raster graphics as '''contones''' (from "continuous [[tints and shades|tones]]"). The [[opposite (semantics)|opposite]] to contones is [[line art|"line work"]], usually implemented as [[vector graphics]] in digital systems.<ref>{{cite web|url=http://www.google.nl/patents/US6469805|title=Patent US6469805 - Post raster-image processing controls for digital color image printing|publisher=Google.nl|accessdate=30 November 2014}}</ref> Vector images can be [[rasterisation|rasterized]] (converted into pixels), and raster images [[image tracing|vectorized]] (raster images converted into vector graphics), by software. In both cases some information is lost, although vectorizing can also restore some information back to [[machine-readable data|machine readability]], as happens in [[optical character recognition]].
Line 16: Line 16:


===Image storage===
===Image storage===
Most computer images are stored in [[Image file formats#Raster formats|raster graphics formats]] or compressed variations, including [[GIF]], [[JPEG]], and [[Portable Network Graphics|PNG]], which are popular on the [[World Wide Web]].
Most computer images are stored in [[Image file formats#Raster formats|raster graphics formats]] or compressed variations, including [[GIF]], [[JPEG]], and [[Portable Network Graphics|PNG]], which are popular on the [[World Wide Web]].<ref name="MSDN_bitmapTypes" /><ref name="RasterVsVector>{{cite web|url=https://vector-conversions.com/vectorizing/raster_vs_vector.html |title=Raster vs Vector |publisher=Gomez Graphics Vector Conversions |accessdate=1 January 2019 |quote= 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.}}</ref>


Three-dimensional [[voxel]] raster graphics are employed in video games and are also used in medical imaging such as [[Magnetic resonance imaging|MRI scanners]].<ref>{{cite web|url=http://www.cis.rit.edu/htbooks/mri/chap-1/chap-1.htm|title=CHAPTER-1|publisher=Cis.rit.edu|accessdate=30 November 2014}}</ref>
Three-dimensional [[voxel]] raster graphics are employed in video games and are also used in medical imaging such as [[Magnetic resonance imaging|MRI scanners]].<ref>{{cite web|url=http://www.cis.rit.edu/htbooks/mri/chap-1/chap-1.htm|title=CHAPTER-1|publisher=Cis.rit.edu|accessdate=30 November 2014}}</ref>
Line 41: Line 41:
==Raster-based image editors==
==Raster-based image editors==
{{unreferenced section|date=November 2016}}
{{unreferenced section|date=November 2016}}
Raster-based image editors, such as [[Painter (software)|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 ([[vector graphics|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. Most pixel-based image editors work using the [[RGB color model#Digital representations|RGB color model]], but some also allow the use of other color models such as the [[CMYK color model]].
Raster-based image editors, such as [[Painter (software)|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 ([[vector graphics|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.<ref name="RasterVsVector /> Most{{Citation needed |reason="Most" use RGB and "some" use CMYK seems reference-worthy. |date=1 January 2019}} pixel-based image editors work using the [[RGB color model#Digital representations|RGB color model]], but some also allow the use of other color models such as the [[CMYK color model]].<ref>{{cite web |url=https://store.hp.com/app/tech-takes/print-basics-rgb-vs-cmyk |title=Print Basics: RGB Versus CMYK |date=12 June 2018 |website=HP Tech Takes |publisher=HP |access-date=1 January 2019 |quote=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.)}}</ref>


==See also==<!-- New links in alphabetical order please -->
==See also==<!-- New links in alphabetical order please -->

Revision as of 05:36, 2 January 2019

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 adding 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 vectorizing can also restore some information back to machine readability, as happens in optical character recognition.

Etymology

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 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.

Applications

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. An early scanned display with raster computer graphics was invented in the late 1960s by A. Michael Noll at Bell Labs,[6] 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.[7]

Image storage

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][8]

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

Geographic information systems

GIS programs commonly use rasters that encode geographic data in the pixel values as well as the pixel locations.

Resolution

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.[10]

Raster-based image editors

Raster-based image editors, such as 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.[8] 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.[11]

See also

References

  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. ^ Noll, A. Michael (March 1971). "Scanned-Display Computer Graphics". Communications of the ACM. 14 (3): 143–150. doi:10.1145/362566.362567.
  7. ^ "Patents". Noll.uscannenberg.org. Retrieved 30 November 2014.
  8. ^ 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.
  9. ^ "CHAPTER-1". Cis.rit.edu. Retrieved 30 November 2014.
  10. ^ Fulton, Wayne (April 10, 2010). "Color Printer Resolution". A few scanning tips. Retrieved August 21, 2011.
  11. ^ "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.)

This article is based on material taken from the Free On-line Dictionary of Computing prior to 1 November 2008 and incorporated under the "relicensing" terms of the GFDL, version 1.3 or later.

Retrieved from "https://en.wikipedia.org/w/index.php?title=Raster_graphics&oldid=876417672"