History of Image Formats - 40 Years of Evolution from BMP to AVIF

The 1980s - Dawn of Digital Images (BMP and GIF)

The history of digital image formats began alongside the proliferation of personal computers. The 1980s established the foundations for handling images as digital data.

BMP (1986):

BMP (Bitmap), developed by Microsoft and IBM for Windows/OS2, is one of the most primitive image formats. It stores each pixel's color information directly in an uncompressed format, making implementation straightforward due to its extremely simple structure.

• Supported 1-bit (black/white), 4-bit (16 colors), 8-bit (256 colors), and 24-bit (16.7 million colors)
• No compression meant enormous file sizes (640x480 24-bit was approximately 900 KB)
• Used as Windows' standard image format for many years
• Still persists as Windows clipboard and icon internal format

GIF (1987):

GIF (Graphics Interchange Format), developed by CompuServe, was created to make image transfer practical over the slow modem connections (300-2400 bps) of the era. It adopted LZW compression, achieving dramatic file size reduction compared to BMP.

• Limited to maximum 256 colors (8-bit color palette)
• Supported transparency (single color only)
• Animated GIF (GIF89a, 1989) enabled sequential frame display
• Patent issues (LZW patent) later catalyzed PNG's creation

Formats from this era were answers to the challenge of handling images within limited hardware capabilities and communication speeds.

Early 1990s - The Photography Era Arrives (JPEG and TIFF)

Entering the 1990s, the emergence of digital cameras and internet proliferation created surging demand for formats that could efficiently handle full-color photographs.

JPEG (1992):

JPEG (Joint Photographic Experts Group) was internationally standardized as a format specialized for photographic image compression. Using lossy compression that exploits human visual characteristics, it achieved dramatic file size reduction while minimizing perceptible quality loss.

• Compression in frequency domain using Discrete Cosine Transform (DCT)
• Flexible compression ratio adjustment via quality settings (quality 1-100)
• 24-bit full color (16.7 million colors) support
• Progressive JPEG for interlaced display
• EXIF metadata for storing shooting information

JPEG's arrival was revolutionary. Photographic images that previously occupied several MB could be compressed to tens or hundreds of KB, making web photo sharing practical.

TIFF (specified 1986, v6.0 in 1992):

TIFF (Tagged Image File Format), developed by Aldus (later acquired by Adobe), is a professional-grade high-quality image format. It saves without quality loss using uncompressed or lossless compression (LZW, ZIP), becoming the standard in printing and publishing industries.

• Supports diverse color spaces including CMYK, Lab, and multichannel
• 16-bit per channel high bit depth support
• Can preserve layer information (Photoshop TIFF)
• Large file sizes make it unsuitable for web use

Late 1990s - Establishing Web Standards (PNG)

In the late 1990s, GIF's LZW patent issue (Unisys demanding licensing fees) catalyzed development of an open, patent-free image format.

PNG (1996):

PNG (Portable Network Graphics) was developed as a GIF replacement with W3C support. Pronounced "ping," it was designed as a format free from patent restrictions.

• Lossless compression (Deflate algorithm) with no quality degradation
• Supports 8-bit palette (PNG-8) and 24/32-bit full color (PNG-24/32)
• Alpha channel with 256 levels of transparency (far exceeding GIF's 1-bit transparency)
• Stores gamma correction information for color consistency across different monitors
• Interlaced display support (Adam7 method)

Where PNG surpasses GIF:

• Full color support (GIF limited to 256 colors)
• Semi-transparency possible (GIF only fully transparent or fully opaque)
• Higher quality and smaller size than JPEG for non-photographic images (screenshots, diagrams, logos)

Where PNG falls short of GIF:

• No animation support (APNG added later but adoption remained limited)
• Significantly larger file sizes than JPEG for photographic images

PNG's arrival established the web image convention of "JPEG for photos, PNG for everything else." This fundamental principle remains valid over 20 years later.

2000s-2010s - Searching for Next-Generation Formats (JPEG 2000, WebP)

Entering the 2000s, faster internet and mobile device proliferation increased demand for more efficient image compression.

JPEG 2000 (2000):

Developed as JPEG's successor, JPEG 2000 adopted wavelet transforms to achieve superior compression efficiency and quality over JPEG.

• Supports both lossless and lossy compression
• Higher quality than JPEG at low bitrates (no block artifacts)
• ROI (Region of Interest) enables higher quality compression for specific image areas
• However, high computational cost and lack of browser support prevented web adoption
• Used as standard in specific fields: medical imaging (DICOM), cinema (DCI)

WebP (2010):

WebP, developed by Google, is a next-generation image format specialized for the web. It applies VP8 video codec technology to still images.

• Lossy compression: 25-35% smaller than JPEG at equivalent quality
• Lossless compression: 26% smaller than PNG
• Alpha channel (transparency) support (even in lossy mode)
• Animation support (as GIF alternative)
• Chrome support in 2014, Safari in 2020, achieving full major browser coverage

WebP achieved the "best of JPEG, PNG, and GIF" but took over 10 years to gain widespread adoption. This demonstrates that browser vendor adoption speed is the greatest barrier to new format proliferation.

2020s - The Current Frontier (AVIF and JPEG XL)

Entering the 2020s, advances in video codec technology have spawned even more efficient image formats.

AVIF (specification 2019, browser support 2020+):

AVIF (AV1 Image File Format) applies the royalty-free AV1 video codec to still images. It's promoted by the Alliance for Open Media (Google, Apple, Mozilla, Netflix, and others).

• 50% smaller than JPEG, 20% smaller than WebP at equivalent quality
• HDR (High Dynamic Range) and wide color gamut (BT.2020) support
• 10/12-bit color depth support
• Alpha channel and animation support
• Slow encoding speed remains a current challenge
• Supported in Chrome 85 (2020), Firefox 93 (2021), Safari 16 (2022)

JPEG XL (specification finalized 2022):

JPEG XL is designed as JPEG's legitimate successor. It features the unique ability to losslessly transcode existing JPEG files to JPEG XL.

• Supports both lossless and lossy. Over 60% compression improvement versus JPEG
• Lossless conversion from existing JPEG achieves approximately 20% size reduction
• Progressive decoding support (displays from low to high resolution)
• Up to 32-bit floating point color depth
• However, Chrome removed support in 2022, casting doubt on adoption

AVIF and JPEG XL are technically superior, but browser support status holds the key to adoption. Currently, AVIF is the most practical next-generation format available.

Books on digital media history are available on Amazon

The Future of Image Formats and Selection Guidelines

Looking back at 40 years of image format evolution reveals clear trends and future directions.

Evolution trends:

• Improving compression efficiency: BMP (uncompressed) → GIF (LZW) → JPEG (DCT) → WebP (VP8) → AVIF (AV1), with 20-50% efficiency improvement per generation
• Feature consolidation: Separate formats for photos (JPEG), diagrams (PNG), and animation (GIF) are being unified into single formats like WebP and AVIF
• Expanding color depth: 8-bit → 10-bit → 12-bit → HDR support
• Video codec convergence: WebP (VP8), AVIF (AV1), HEIF (HEVC) - video technology applied to still images

Current practical selection guidelines:

• Maximum compatibility needed: JPEG (photos) + PNG (diagrams/transparency) - guaranteed display everywhere
• Web performance priority: WebP as primary, JPEG/PNG as fallback
• Cutting-edge compression: AVIF as primary, with WebP → JPEG/PNG progressive fallback
• Print and archival: TIFF (uncompressed/lossless) for complete quality preservation

Future outlook:

Image format evolution will continue, but new format adoption always involves a 5-10 year time lag. Web developers should adopt fallback strategies using the <picture> element, benefiting from latest formats while maintaining backward compatibility - the most realistic approach.