Bitmap image
A bitmap image is a raster representation of visual content as a grid of individually encoded pixels.
Learn Haskell by Example
A bitmap is an image representation whose pixels have two possible values, typically corresponding to on and off.
- How it is used
- Parses PNM bitmap pixel data as part of constructing an in-memory image representation.
- How deep it goes
- Explains direct ASCII parsing and byte-level binary unpacking, including row padding, then defers correctness checks to validation.
- Examples
- Demonstrates a parser that converts one Word8 into eight Single 0 or Single 1 pixels and a row parser that drops padding bits.
- What you can do after
- Build it from scratch by parsing ASCII bitmap values and unpacking binary PNM rows into raw pixels.
Learn Go with Pocket-Sized Projects
A bitmap image represents visual content as a grid of individually colored picture elements.
- How it is used
- Encodes visual or numerical information as exact, addressable pixel values for applications such as maze solving.
- How deep it goes
- Defines grids, pixels, color meanings, formats, coordinate conventions, and Go pixel APIs, but not compression internals.
- Examples
- Uses PNG maze maps, heat maps, MRI tissue density, photographic color, and country-colored map palettes.
- What you can do after
- Operate Go's image APIs to decode, inspect, compare, scan, and modify bitmap pixels.
Read how Learn Go with Pocket-Sized Projects explains bitmap image →
D3.js in Action, Third Edition
A raster graphic is an image represented as a grid of discrete pixels.
- How it is used
- Guides rendering choices for data visualizations requiring performance, complex animation, gradients, or many elements.
- How deep it goes
- Explains pixels, SVG trade-offs, responsive sizing, device density, and context scaling, but defers detailed drawing APIs.
- Examples
- Uses responsive Canvas elements, pixel-density correction, animated visualizations, gradients, and mixed SVG-Canvas projects.
- What you can do after
- Operate/configure Canvas dimensions and resolution for responsive bitmap visualizations.
Read how D3.js in Action, Third Edition explains bitmap image →
Advanced Algorithms and Data Structures
An RGB bitmap image is a raster image whose pixels represent color through red, green, and blue channels.
- How it is used
- Uses bitmap images as RGB data for color reduction and machine-learning image storage.
- How deep it goes
- Defines channels, intensity ranges, memory costs, and palette reduction, but does not detail bitmap file-format internals.
- Examples
- Uses RGB tuples, HD and full-HD resolutions, road-sign images, and a 256-color palette.
- What you can do after
- Apply nearest-neighbor search to map RGB pixels onto a smaller sampled color palette.
Read how Advanced Algorithms and Data Structures explains bitmap image →
Related concepts
- vector imagecontrasts with · A vector image represents visual content using mathematically defined geometric shapes and paths rather than a fixed grid of pixels.
- SVGcontrasts with · SVG, or Scalable Vector Graphics, is an XML-based standard and file format for describing scalable, resolution-independent two-dimensional vector graphics.
- pixelhas part · A pixel is either a discrete sample carrying visual information at a position in a digital image or a reference unit used to express rendered dimensions.
- canvas elementproduced by · The HTML canvas element is a scriptable bitmap drawing surface in a web document for rendering graphics.
- Adobe Photoshopused by · Adobe Photoshop is a raster-graphics editing application for creating, manipulating, and compositing digital images.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.