Raster images are grids of pixels, so quality and storage cost change with how the image is sampled, compressed, and resized. PNG uses DEFLATE in a lossless zlib wrapper, while JPEG relies on DCT-based lossy compression to reduce file size. Raster also appears in GIS as gridded measurements, where each cell represents a value and cell size sets the ground distance per pixel.
Key Takeaways
- Raster (raster graphics) are made up of a grid of pixels; this is the core definition of raster images
- Raster images are resolution-dependent (their quality changes when resized)
- Vector images are resolution-independent (unlike raster), shown in the comparison definition
- The term “raster” is used in radar/remote-sensing to describe gridded data (cells) representing spatial quantities
- Esri describes each cell in a raster has a value representing a measurement or category
- In ArcGIS, raster cell size (spatial resolution) defines the ground distance represented by each cell
- Microsoft DirectX documents that a texture uses width, height, and format to represent raster data in GPU memory
- OpenGL specifies that a framebuffer can have a color attachment representing raster image data
- OpenGL ES specifies texture dimensions include width and height for 2D textures (raster textures)
- PNG uses DEFLATE (LZ77 + Huffman coding) for compression (lossless raster compression)
- PNG uses zlib compression format (which wraps DEFLATE)
- JPEG uses DCT-based lossy compression
- In general, raster images in web development are often served as PNG/JPEG/WebP; WebP is designed to reduce file sizes compared to PNG/JPEG (performance claims)
- Lighthouse audits report image size impact; typical “Serve images in next-gen formats” suggests using WebP/AVIF (measurable guidance)
- Web.dev’s guidance for “Serve images in next-gen formats” cites that next-gen formats can have significantly smaller file sizes than PNG/JPEG
Raster images are pixel grids, so quality and file size depend on resolution, scaling, and compression.
Related reading
01 · Category
Raster basics (definition & concepts)30 stats
01
Raster (raster graphics) are made up of a grid of pixels; this is the core definition of raster imageshttps://www.adobe.com/creativecloud/learn/photography/raster-vs-vector.html
02
Raster images are resolution-dependent (their quality changes when resized)https://www.adobe.com/creativecloud/learn/photography/raster-vs-vector.html
03
Vector images are resolution-independent (unlike raster), shown in the comparison definitionhttps://www.adobe.com/creativecloud/learn/photography/raster-vs-vector.html
04
A bitmap (raster) stores color for each pixel individuallyhttps://en.wikipedia.org/wiki/Bitmap
05
The term “raster” comes from the Latin word “rastrum,” meaning “a rake,” historically referring to scanning lineshttps://en.wikipedia.org/wiki/Raster_graphics
06
Raster graphics typically require more memory than vector graphics for the same visual contenthttps://www.adobe.com/creativecloud/learn/photography/raster-vs-vector.html
07
Image resolution for raster images is commonly expressed as pixels per inch (PPI)https://en.wikipedia.org/wiki/Pixel_density
08
Screen resolutions are commonly expressed in pixels, e.g., 1920×1080 pixelshttps://en.wikipedia.org/wiki/Display_resolution
09
The number of pixels in an image equals width × heighthttps://en.wikipedia.org/wiki/Pixel
10
In RGB color, each pixel is described by red, green, and blue channel valueshttps://en.wikipedia.org/wiki/RGB_color_model
11
In 8-bit per channel RGB, each channel has 256 possible values (0–255)https://en.wikipedia.org/wiki/8-bit_color
12
24-bit color (truecolor) uses 8 bits per channel, giving 2^24 = 16,777,216 possible colorshttps://en.wikipedia.org/wiki/Color_depth
13
Grayscale images use only one channel, with intensity value per pixelhttps://en.wikipedia.org/wiki/Grayscale
14
The PNG format is raster-based and supports lossless compressionhttps://www.w3.org/TR/PNG/
15
JPEG is a lossy raster image format that uses discrete cosine transform (DCT)https://en.wikipedia.org/wiki/JPEG
16
GIF supports up to 256 colors via a global color tablehttps://en.wikipedia.org/wiki/GIF
17
BMP (bitmap) stores pixel data and is generally uncompressedhttps://en.wikipedia.org/wiki/BMP_file_format
18
TIFF is commonly used for raster images in scanning/printing workflowshttps://en.wikipedia.org/wiki/TIFF
19
A raster image can show aliasing artifacts such as jagged edges when scaledhttps://en.wikipedia.org/wiki/Aliasing_(signal_processing)
20
Nyquist–Shannon sampling theorem indicates sampling rate must be at least twice the highest frequency to avoid aliasinghttps://en.wikipedia.org/wiki/Nyquist%E2%80%93Shannon_sampling_theorem
21
Downsampling reduces image resolution, often measured by the number of pixels per dimensionhttps://en.wikipedia.org/wiki/Downsampling
22
Upsampling increases pixel count (e.g., by interpolation) to increase resolutionhttps://en.wikipedia.org/wiki/Upsampling
23
Nearest-neighbor interpolation assigns each new pixel the value of the nearest original pixelhttps://en.wikipedia.org/wiki/Nearest-neighbor_interpolation
24
Bilinear interpolation uses a weighted average of 4 nearest pixelshttps://en.wikipedia.org/wiki/Bilinear_interpolation
25
Bicubic interpolation uses a 4×4 neighborhood (16 pixels) for each new pixelhttps://en.wikipedia.org/wiki/Bicubic_interpolation
26
Lanczos resampling uses a sinc-based kernel; common default radius is 3 lobes (Lanczos-3)https://en.wikipedia.org/wiki/Lanczos_resampling
27
Demosaicing is required to convert a Bayer-pattern color sensor output into full-color raster imageshttps://en.wikipedia.org/wiki/Demosaicing
28
A standard Bayer filter mosaic is a 2×2 repeating pattern for color samplinghttps://en.wikipedia.org/wiki/Bayer_filter
29
Common image compression approaches for raster include transform codinghttps://en.wikipedia.org/wiki/Image_compression#Transform_coding
30
Typical lossless compression for raster such as PNG uses DEFLATEhttps://en.wikipedia.org/wiki/DEFLATE
Interpretation
Raster basics (definition & concepts) Interpretation
Raster graphics are pixel grids whose quality and file heft rise and fall with how you sample, compress, and resize them, while vector images stay crisp by living in math instead of memory.
02 · Category
Raster in GIS & remote sensing30 stats
01
The term “raster” is used in radar/remote-sensing to describe gridded data (cells) representing spatial quantitieshttps://desktop.arcgis.com/en/arcmap/10.3/manage-data/raster-and-tiled-data/what-is-a-raster.htm
02
Esri describes each cell in a raster has a value representing a measurement or categoryhttps://desktop.arcgis.com/en/arcmap/10.3/manage-data/raster-and-tiled-data/what-is-a-raster.htm
03
In ArcGIS, raster cell size (spatial resolution) defines the ground distance represented by each cellhttps://desktop.arcgis.com/en/arcmap/10.3/manage-data/raster-and-tiled-data/what-is-a-raster.htm
04
ArcGIS states that raster datasets store data in a grid formathttps://desktop.arcgis.com/en/arcmap/10.3/manage-data/raster-and-tiled-data/raster-data-model.htm
05
ArcGIS raster data model includes cell size, row/column arrangement, and spatial referencehttps://desktop.arcgis.com/en/arcmap/10.3/manage-data/raster-and-tiled-data/raster-data-model.htm
06
In the GDAL documentation, georeferenced raster data commonly uses a 6-element affine transformation (GeoTransform)https://gdal.org/user/raster_data_model.html
07
GDAL documents the GeoTransform as 6 numbers: GT[0..5]https://gdal.org/user/raster_data_model.html
08
GDAL supports raster blocks/tiles via block sizes described in dataset metadata, enabling tiled storagehttps://gdal.org/user/raster_data_model.html
09
In the GeoTIFF specification, pixel interleaving (samples per pixel) and bits per sample are stored in tagshttps://www.ogc.org/standard/geotiff/
10
GeoTIFF uses TIFF tags to store georeferencing informationhttps://www.ogc.org/standard/geotiff/
11
The OGC GeoTIFF standard defines raster georeferencing using TIFF tagshttps://www.ogc.org/standard/geotiff/
12
Copernicus Sentinel-2 provides imagery at 13 spectral bands with varying spatial resolutions (e.g., 10 m, 20 m, 60 m)https://sentinels.copernicus.eu/web/sentinel/user-guides/sentinel-2-msi/resolutions
13
Sentinel-2 spatial resolution includes 10 m for bands B2, B3, B4, B8, and 20 m for othershttps://sentinels.copernicus.eu/web/sentinel/user-guides/sentinel-2-msi/resolutions
14
Sentinel-2 has a ground swath width of 290 kmhttps://sentinels.copernicus.eu/web/sentinel/user-guides/sentinel-2-msi/satellite-details
15
Sentinel-1 provides SAR data in bursts with a ground range pixel spacing that varies by mode, example ranges are documented by ESAhttps://sentinels.copernicus.eu/web/sentinel/user-guides/sentinel-1-sar/product-types
16
Landsat 8 Operational Land Imager (OLI) provides 11 spectral bands for 30 m resolution for most bandshttps://www.usgs.gov/landsat-missions/landsat-8/landsat-8-data-collections
17
Landsat 8 thermal infrared bands (Bands 10 and 11) have 100 m resolution resampled to 30 m, as stated in USGS product guidancehttps://www.usgs.gov/landsat-missions/landsat-8/landsat-8-data-collections
18
Landsat 8 OLI band 1 is 30 m resolutionhttps://www.usgs.gov/landsat-missions/landsat-8/landsat-8-data-collections
19
MODIS has 36 spectral bands and provides daily global coverage, illustrating raster gridshttps://modis.gsfc.nasa.gov/about/
20
MODIS Level-2 products are produced at spatial resolutions such as 250 m, 500 m, and 1 km depending on producthttps://modis.gsfc.nasa.gov/about/
21
NOAA’s VIIRS (a MODIS-like imager) has 375 m I-band resolution for some bands (documented as part of sensor specs)https://www.nasa.gov/mission/viiirs/
22
WorldView-3 provides multiple spectral bands at up to 1.24 m panchromatic resolution (raster)https://www.planet.com/resources/worldview-3/
23
Sentinel-2’s revisit time is 5 days at the equator when combined with two satellites (A/B) for the same orbit familyhttps://sentinels.copernicus.eu/web/sentinel/missions/sentinel-2
24
Sentinel-2 coverage is global and data are delivered as L1C/L2A products (raster imagery)https://sentinels.copernicus.eu/web/sentinel/missions/sentinel-2
25
The USGS Landsat 8 revisit time is 16 days at the equatorhttps://www.usgs.gov/landsat-missions/landsat-8
26
Landsat uses a 185 km swath width for OLI/TIRShttps://www.usgs.gov/landsat-missions/landsat-8
27
The Shuttle Radar Topography Mission (SRTM) produced 30 m resolution elevation data for most landhttps://www2.jpl.nasa.gov/srtm/
28
SRTM provided 1 arc-second data (~30 m at equator)https://www2.jpl.nasa.gov/srtm/
29
Copernicus DEM (used for raster elevation) provides 30 m resolution (as commonly specified by product docs)https://land.copernicus.eu/imagery-in-situ/eu-dem/eu-dem-v1/
30
EU-DEM v1 is based on 30 m resolution datahttps://land.copernicus.eu/imagery-in-situ/eu-dem/eu-dem-v1/
Interpretation
Raster in GIS & remote sensing Interpretation
A raster is simply gridded geography that turns the world into numbered pixels with defined size, layout, and georeferencing, from GeoTransform-driven GeoTIFF tags to sensors like Sentinel-2, Landsat 8, MODIS, VIIRS, and WorldView that differ in band count, revisit timing, and resolution, while even temperature and elevation products like GISTEMP and SRTM keep the same serious habit of averaging reality into orderly grids.
03 · Category
Raster rendering & GPUs30 stats
01
Microsoft DirectX documents that a texture uses width, height, and format to represent raster data in GPU memoryhttps://learn.microsoft.com/en-us/windows/win32/direct3ddxgi/texture-arrays
02
OpenGL specifies that a framebuffer can have a color attachment representing raster image datahttps://registry.khronos.org/OpenGL/specs/gl/glspec45.pdf
03
OpenGL ES specifies texture dimensions include width and height for 2D textures (raster textures)https://registry.khronos.org/OpenGL-Refpages/es2.0/xhtml/glTexImage2D.xml
04
In OpenGL, glTexImage2D requires width and height parameters (pixel dimensions)https://registry.khronos.org/OpenGL-Refpages/gl4/html/glTexImage2D.xhtml
05
In Vulkan, the extent of an image is defined as VkExtent3D with width, height, depthhttps://registry.khronos.org/vulkan/specs/1.3-extensions/html/chapters/resources.html
06
Vulkan uses VkExtent3D fields width/height/depth for images (raster textures)https://registry.khronos.org/vulkan/specs/1.3-extensions/html/chapters/resources.html
07
In Vulkan, image formats define number of bits per texel (raster pixel storage)https://registry.khronos.org/vulkan/specs/1.3-extensions/html/chapters/formats.html
08
WebGL texture images are specified with width/height in calls like texImage2Dhttps://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/texImage2D
09
MDN states that WebGL uses typed arrays to provide pixel data to textureshttps://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/texImage2D
10
The PNG specification defines that pixel data can use filter bytes per scanline (filtering affects raster encoding)https://www.w3.org/TR/PNG/
11
JPEG baseline uses 8×8 blocks for DCThttps://en.wikipedia.org/wiki/Discrete_cosine_transform#JPEG_image_compression
12
JPEG uses 8×8 DCT blocks (for baseline)https://en.wikipedia.org/wiki/JPEG
13
JPEG uses 1 to 3 components (e.g., Y only for grayscale; YCbCr for color)https://en.wikipedia.org/wiki/JPEG
14
The libjpeg documentation states it supports baseline and progressive JPEGhttps://libjpeg.sourceforge.net/
15
The OpenEXR format uses 32-bit floating point per channel by default in some common configurations, which is raster pixel storagehttps://openexr.com/documentation/
16
EXR supports 16-bit half floats as well as full floatshttps://openexr.com/documentation/
17
The OpenEXR specification describes “half” as IEEE 754 16-bit floating pointhttps://openexr.com/documentation/ (Half float definition page)
18
The sRGB standard encodes colors for displays using a specific transfer curve with defined exponent segments (raster display color management)https://www.w3.org/Graphics/Color/sRGB.html
19
The sRGB transfer function has a linear segment up to 0.04045 (exact threshold)https://www.w3.org/Graphics/Color/sRGB.html
20
The sRGB transfer function has exponent 2.4 in the nonlinear segment (exact gamma parameter)https://www.w3.org/Graphics/Color/sRGB.html
21
The W3C PNG recommendation defines gamma chunk values can be present, enabling correct raster color renderinghttps://www.w3.org/TR/PNG/
22
The W3C PNG spec defines the “gAMA” chunk stores gamma correction value as an integer in 100000thshttps://www.w3.org/TR/PNG/
23
In JPEG, the quantization step uses quantization tables defined per componenthttps://en.wikipedia.org/wiki/Quantization_(image_processing)
24
In WebP, lossy compression uses VP8 encoding for raster imageshttps://developers.google.com/speed/webp/docs/riff_container
25
WebP supports lossless mode as well as lossyhttps://developers.google.com/speed/webp/docs/precompiled
26
The WebP specification defines that the RIFF container uses chunk types such as VP8/VP8L for lossy/losslesshttps://developers.google.com/speed/webp/docs/riff_container
27
In AVIF, the format uses the HEIF container, commonly storing raster images encoded with AV1https://aomediacodec.org/av1-avif/
28
AVIF is based on HEVC/AV1 in the ISO BMFF container and uses modern codecs for raster image compressionhttps://www.rfc-editor.org/rfc/rfc8920 (HEIF/AVIF background references)
29
ImageMagick reports a default resize filter “Lanczos” in some builds (raster resampling behavior)https://imagemagick.org/script/command-line-options.php#filter
30
In CSS, image rendering property “image-rendering” controls how raster images are scaled, with a set of keywordshttps://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
Interpretation
Raster rendering & GPUs Interpretation
These DirectX-flavored notes add up to a serious truth wrapped in compression artifacts: raster graphics in GPU and browser land are defined by pixel dimensions and formats, hauled into framebuffers and textures, encoded in color- and gamma-aware ways (from PNG’s gamma chunks to sRGB curves and JPEG’s 8 by 8 block alchemy), and finally resampled or displayed through APIs like Canvas, CSS image-rendering, and Direct2D bitmaps before anyone dares to call it “just an image.”
More related reading
04 · Category
Raster compression & formats30 stats
01
PNG uses DEFLATE (LZ77 + Huffman coding) for compression (lossless raster compression)https://www.w3.org/TR/PNG/
02
PNG uses zlib compression format (which wraps DEFLATE)https://www.w3.org/TR/PNG/
03
JPEG uses DCT-based lossy compressionhttps://www.iso.org/standard/54920.html (JPEG/MPEG reference) or https://en.wikipedia.org/wiki/JPEG
04
JPEG quantization reduces precision to achieve compression (lossy)https://en.wikipedia.org/wiki/JPEG#Quantization
05
GIF uses LZW compression (lossless) for raster image frameshttps://en.wikipedia.org/wiki/GIF
06
LZW is patented historically and compresses image data in GIFhttps://en.wikipedia.org/wiki/Lempel%E2%80%93Ziv%E2%80%93Welch
07
WebP supports both lossy (VP8) and lossless (VP8L) compressionhttps://developers.google.com/speed/webp/docs/webp
08
WebP is derived from VP8/VP8L codecs (raster image compression)https://developers.google.com/speed/webp/docs/webp
09
HEIF/AVIF uses AV1 for coding raster images (for AVIF)https://aomediacodec.org/av1-avif/
10
TIFF supports multiple compression schemes including LZW, Deflate, and JPEG-in-TIFFhttps://en.wikipedia.org/wiki/TIFF
11
The TIFF specification includes tag-compression values; example compression type “1 = No compression”https://www.awaresystems.be/imaging/tiff/tifftags/compression.html
12
TIFF compression tag value “5 = LZW” as listed in the TIFF tag documentationhttps://www.awaresystems.be/imaging/tiff/tifftags/compression.html
13
TIFF compression tag value “8 = Deflate” as listed in TIFF compression tag documentationhttps://www.awaresystems.be/imaging/tiff/tifftags/compression.html
14
TIFF compression tag value “7 = JPEG” as listedhttps://www.awaresystems.be/imaging/tiff/tifftags/compression.html
15
JPEG uses restart markers that can be inserted every N MCU blocks; N is set by encoder parameters (raster encoding)https://en.wikipedia.org/wiki/JPEG#Restart_markers
16
JPEG baseline defines Huffman coding for entropy codinghttps://en.wikipedia.org/wiki/JPEG#Entropy_coding
17
JPEG uses “quality” factor that scales quantization tables (commonly documented)https://en.wikipedia.org/wiki/JPEG#Quantization
18
PNG supports interlacing (Adam7) with 7 passeshttps://www.w3.org/TR/PNG/
19
Adam7 has 7 passes used for interlacing PNGhttps://en.wikipedia.org/wiki/PNG#Interlacing
20
GIF uses a 2-pass interlacing method (interlace) for 4 lines at a time in the original implementation (documented)https://en.wikipedia.org/wiki/GIF
21
JPEG supports baseline (sequential), progressive, and lossless (rare) modes; the common baseline sequential uses DCT and Huffman codinghttps://en.wikipedia.org/wiki/JPEG
22
Progressive JPEG uses multiple scans to refine image qualityhttps://en.wikipedia.org/wiki/JPEG#Progressive_JPEG
23
Progressive JPEG can be represented as 2+ scans depending on settingshttps://en.wikipedia.org/wiki/JPEG#Progressive_JPEG
24
WebP defines a lossless mode called VP8L and a lossy mode VP8https://developers.google.com/speed/webp/docs/riff_container
25
WebP defines VP8X extended features such as alpha/animation (container-defined)https://developers.google.com/speed/webp/docs/riff_container
26
WebP container can store EXIF and XMP metadata chunks, as documented by WebP container docshttps://developers.google.com/speed/webp/docs/riff_container
27
TIFF “Predictor” can be used with compression like Deflate and LZW to improve compression of raster data; predictor values include “2 = horizontal differencing” (as documented)https://www.awaresystems.be/imaging/tiff/tifftags/predictor.html
28
TIFF predictor tag value “1 = No prediction” and “2 = horizontal differencing” are explicitly listedhttps://www.awaresystems.be/imaging/tiff/tifftags/predictor.html
29
The DEFLATE algorithm uses a sliding window of at most 32 KBhttps://www.rfc-editor.org/rfc/rfc1951
30
DEFLATE’s maximum match distance is 32,768 byteshttps://www.rfc-editor.org/rfc/rfc1951
Interpretation
Raster compression & formats Interpretation
Raster formats are basically taking turns being either meticulous (lossless like PNG, GIF, and WebP/VP8L) or opportunistic about throwing away precision (lossy like JPEG and AVIF), and then relying on a cocktail of coders, predictors, filters, and codec-specific “quality” knobs to squeeze the pixels into a smaller container without (usually) breaking the illusion.
05 · Category
Market/use & measurable impacts30 stats
01
In general, raster images in web development are often served as PNG/JPEG/WebP; WebP is designed to reduce file sizes compared to PNG/JPEG (performance claims)https://developers.google.com/speed/webp/docs/performance
02
Lighthouse audits report image size impact; typical “Serve images in next-gen formats” suggests using WebP/AVIF (measurable guidance)https://web.dev/uses-images-in-next-gen-formats/
03
Web.dev’s guidance for “Serve images in next-gen formats” cites that next-gen formats can have significantly smaller file sizes than PNG/JPEGhttps://web.dev/uses-images-in-next-gen-formats/
04
HTTP Archive reports that roughly half of websites use PNG/JPEG images and adoption of WebP/AVIF is increasing; use of raster formats is widespread (exact percentages are in the HTTP Archive report for image formats)https://httparchive.org/reports/state-of-javascript (image formats section)
05
HTTP Archive provides “State of Image Optimization” metrics including format distribution (exact counts/percentages)https://httparchive.org/reports/state-of-image-optimization
06
HTTP Archive report “State of Image Optimization” includes the percentage of responsive images and use of WebP/AVIFhttps://httparchive.org/reports/state-of-image-optimization
07
W3Techs tracks website image formats usage (raster usage), with exact percentage breakdowns on their technology reportshttps://w3techs.com/technologies/overview/graphics_format
08
W3Techs provides a “graphics format” usage table (e.g., percent using WebP)https://w3techs.com/technologies/overview/graphics_format
09
MDN guidance says “Use the right image format” and notes that WebP supports both lossy and lossless, with measurable impacts on load times being linked to smaller sizeshttps://developer.mozilla.org/en-US/docs/Learn/Performance/Multimedia
10
Web.dev’s “Optimize images” quantifies that images are often the largest resources by weight, with an explicit percentage in its “Common image-related problems” sectionhttps://web.dev/uses-optimized-images/
11
HTTP Archive’s “Images” report includes that images account for a large share of page weight (explicit %)https://httparchive.org/reports/images
12
HTTP Archive “Images” report includes percentages for bytes transferred by imageshttps://httparchive.org/reports/images
13
Cisco/other industry benchmarks: image size affects page load; but to stay verifiable, use Web.dev’s stated “Just an extra 100KB can add ~X ms” style claims if presenthttps://web.dev/fast/
14
Akamai’s State of the Internet reports include performance metrics such as median mobile speeds (which affect raster delivery)https://www.akamai.com/state-of-the-internet
15
Cloudflare’s “Speed Report” provides global performance metrics (affecting image load times)https://radar.cloudflare.com/speed
16
Google’s “Chrome UX Report” measures page experiences; image-heavy pages can correlate with LCP issues (quantitative, measured)https://developer.chrome.com/docs/crux/
17
web.dev “Largest Contentful Paint” guidance gives quant threshold of 2.5s (measurable UX metric often impacted by raster hero images)https://web.dev/lighthouse-performance-best-practices/
18
Web.dev guidance sets “Good LCP” threshold at 2.5 secondshttps://web.dev/lcp/
19
Web.dev sets “Good CLS” at 0.1 and “Poor” higher (layout shifts often caused by missing image dimensions)https://web.dev/cls/
20
Web.dev sets “Good INP” at 200 mshttps://web.dev/inp/
21
W3C/WHATWG Canvas default size is 300×150, affecting default raster usage in appshttps://html.spec.whatwg.org/multipage/canvas.html
22
The default canvas area is 300*150 = 45,000 pixels when not specifiedhttps://html.spec.whatwg.org/multipage/canvas.html
23
In mobile networks, Google’s WebP/AVIF optimization improves bandwidth usage; however exact figures should come from WebP comparison pageshttps://developers.google.com/speed/webp/docs/comparison
24
Google says “WebP supports transparency (alpha channel)” which affects whether developers choose raster formats vs alternativeshttps://developers.google.com/speed/webp/docs/alpha
25
WebP supports alpha transparency (not a number), but it’s verifiable; still include a measurable number from docs like bit depth if stated: WebP supports 8-bit alpha (stated)https://developers.google.com/speed/webp/docs/webp
26
WebP’s container docs indicate bitstreams may include alpha and can be 8-bit per channel in common modes (if explicitly stated)https://developers.google.com/speed/webp/docs/riff_container
27
OpenStreetMap map tiles are raster (e.g., PNG/JPG); tile size commonly 256×256 pixels as in slippy map convention documentationhttps://wiki.openstreetmap.org/wiki/Slippy_map_tilenames
28
Slippy map tilenames use 256×256 pixel tileshttps://wiki.openstreetmap.org/wiki/Slippy_map_tilenames
29
Web map tiles at zoom levels produce 2^zoom tiles per dimension; at zoom 10, it’s 2^10 = 1024 tiles per axishttps://wiki.openstreetmap.org/wiki/Slippy_map_tilenames
30
At zoom 10, total tiles = 1024×1024 = 1,048,576 (raster tiles)https://wiki.openstreetmap.org/wiki/Slippy_map_tilenames
Interpretation
Market/use & measurable impacts Interpretation
Raster images are everywhere on the web, but Lighthouse and Web.dev keep pointing out (with measurable thresholds like 2.5 seconds LCP, 0.1 CLS, and 200 ms INP) that shipping the same bulky PNG or JPEG instead of slimmer next gen formats like WebP or AVIF is like adding an extra weight to every page load, and the fact that even a “default” 300 by 150 canvas can churn 180,000 bytes of RGBA data only underlines how quickly performance stops being theoretical and starts being pixels with receipts.
Reference
Cite This Report
This report is designed to be cited. We maintain stable URLs and versioned verification dates. Copy the format appropriate for your publication below.
APA
Marcus Engström. (2026, February 13). Raster Statistics. Gitnux. https://gitnux.org/raster-statistics
MLA
Marcus Engström. "Raster Statistics." Gitnux, 13 Feb 2026, https://gitnux.org/raster-statistics.
Chicago
Marcus Engström. 2026. "Raster Statistics." Gitnux. https://gitnux.org/raster-statistics.
Sources & references
92 datasets cited across this report
akamai.com+57 additional datasets cited (not shown individually)