Concept
Raster Graphics
Design
Technology & AIWhat are raster graphics?
Raster graphics are digital images formed by a grid of individual colored squares known as pixels. Each pixel contains specific color values that together assemble a complete visual representation on screens and printed media.
In short
Raster graphics represent imagery through two-dimensional matrices of colored pixels. Common formats such as JPEG and PNG depend directly on fixed grid dimensions and native resolution. Because their quality degrades when enlarged beyond original parameters, raster graphics are best suited for detailed photographic reproduction.
Key facts
- What defines the structure of a raster image?
- A raster image is organized as a rectangular grid where each individual cell or pixel stores color and brightness values.
- What happens when a raster graphic is enlarged?
- Stretching a raster image enlarges the individual pixels, causing pixelation and noticeable loss of sharpness.
- What are common examples of raster file formats?
- Standard raster formats include JPEG, PNG, GIF, BMP, and TIFF.
Overview
Raster graphics, also known as bitmap images, store visual data across a two-dimensional grid of pixels. Every individual point holds color and opacity information based on defined color depth. While raster formats excel at rendering continuous tone gradations, fine photographic textures, and natural lighting, their visual fidelity remains tied to native resolution. Enlarging a bitmap beyond its original dimensions stretches existing pixels, revealing jagged artifacts and blurriness.
In the Agency editorial
In Design 1, raster graphics are illustrated through the author's own photograph of a bubble-head anemone, a file with twenty-four million pixels. The author writes that, like an orchestra, all these pixels work together to represent the information captured by the lens, and that raster images, like JPEG or PNG files, have a limited amount of quality that always pertains to the screen on which they are viewed.
Source editions
Where this entry comes from in the Agency editorial.
Also from these editions: concepts
Also from these editions: terms
Related concepts
- Color DepthColor depth is the number of bits used to indicate the color of a single pixel in a digital image or video. It determines the total variety of distinct shades and tones…
- Image ResolutionImage resolution is the total number of pixels contained within a digital picture, calculated by multiplying its horizontal width by its vertical height. It dictates the…
- Pixel DensityPixel density is the measurement of the concentration of individual pixels within a specific physical display area, usually expressed in pixels per inch or dots per inch…
- Raster vs VectorTwo fundamental approaches to digital graphics. Raster images are composed of a grid of pixels (e.g. photos, JPEG, PNG), while vector graphics are defined by mathematical…
- Vector GraphicsVector graphics are digital visual assets constructed from mathematical formulas defining points, lines, curves, and geometric shapes. Because they rely on geometric…
- Vesica PiscisThe Vesica Piscis is a sacred geometric figure formed by the intersection of two congruent circles whose centers each sit on the circumference of the other. Historically…
Sources
- Design.1 - Pixels, Colors and Screens (opens in a new tab), Agency Brasil