Graphics Formats
Graphics formats refer to standardized types of computer files specifically designed for transferring, displaying, storing, or printing digital images. These formats are categorized into two main families: raster and vector files. Raster graphics represent images as a grid of pixels, allowing for detailed color variations, but they are resolution-dependent and can lose quality when enlarged. In contrast, vector graphics are created using mathematical equations to represent shapes, making them resolution-independent and suitable for logos and simpler graphics.
Digital images can undergo compression to reduce file size, which can be either lossless—preserving all image data—or lossy, which sacrifices some quality for smaller file sizes. Common formats include JPEG, known for lossy compression suitable for web images; GIF, which uses lossless compression but is limited in color; and PNG, an alternative that supports transparency and a wider color range. Additionally, scalable formats like SVG cater to vector images, while metafiles such as PDF and EPS combine raster and vector elements for diverse applications. Understanding these formats is essential for selecting the right type for specific digital imaging needs.
Subject Terms
Graphics Formats
- FIELDS OF STUDY: Information Systems; Digital Media; Graphic Design
Abstract
Graphics formats are standardized forms of computer files used to transfer, display, store, or print reproductions of digital images. Digital image files are divided into two major families: vector and raster files. They can be compressed or uncompressed for storage. Each type of digital file has advantages and disadvantages when used for various applications.
Digital Imaging
A digital image is a mathematical representation of an image that can be displayed, manipulated, and modified with a computer or other digital device. It can also be compressed. Compression uses algorithms to reduce the size of the image file to facilitate sharing, displaying, or storing images. Digital images may be stored and manipulated as raster or vector images. A third type of graphic file family, called "metafiles," uses both raster and vector elements.
The quality and resolution (clarity) of an image depend on the digital file's size and complexity. In raster graphics, images are stored as a set of squares called "pixels." Each pixel has a color value and a color depth. This is defined by the number of "bits" allocated to each pixel. Pixels can range from 1 bit per pixel, which has a monochrome (two-color) depth, to 32-bit, or "true color." 32-bit color allows for more than four billion colors through various combinations. Raster graphics have the highest level of color detail because each pixel in the image can have its own color depth. For this reason, raster formats are used for photographs and in image programs like Adobe Photoshop. However, the resolution of a raster image depends on size because the image has the same number of pixels at any magnification. For this reason, raster images cannot be magnified past a certain point without losing resolution. Vector graphics store images as sets of polygons that are not size-dependent and look the same at any magnification. For relatively simple graphics, like logos, vector files are smaller and more precise than raster images. However, vector files do not support complex colors or advanced effects, like blurring or drop shadows.
Two basic color models are used to digitally display various colors. The RGB color model, also called "additive color," combines red, green, and blue to create colors. The CMYK model, also called "subtractive color," combines the subtractive primary colors cyan, magenta, yellow, and black to absorb certain wavelengths of light while reflecting others.
Image Compression
Image compression reduces the size of an image to enable easier storage and processing. Lossless compression uses a modeling algorithm that identifies repeated or redundant information contained within an image. It stores this information as a set of instructions that can be used to reconstruct the image without any loss of data or resolution. One form of lossless compression commonly used is the Lempel–Ziv–Welch (LZW) compression algorithm developed in the 1980s. The LZW algorithm uses a "code table" or "dictionary" for compression. It scans data for repeated sequences and then adds these sequences to a "dictionary" within the compressed file. By replacing repeated data with references to the dictionary file, space is saved, but no data is lost. Lossless compression is of benefit when image quality is essential but is less efficient at reducing image size. Lossy compression algorithms reduce file size by removing less "valuable" information. However, images compressed with lossy algorithms continue to lose resolution each time the image is compressed and decompressed. Despite the loss of image quality, lossy compression creates smaller files and is useful when image quality is less important or when computing resources are in high demand. Into the twenty-first century, new techniques in images compression, including generative Artificial Intelligence-based compression and learned image compression, continued to be developed.
Common Graphic Formats
JPEG is a type of lossy image compression format developed in the early 1990s. JPEGs support RGB and CMYK color and are most useful for small images, such as those used for display on websites. JPEGs are automatically compressed using a lossy algorithm. Thus, some image quality is lost each time the image is edited and saved as a new JPEG.
GIF (Graphics Interchange Format) files have a limited color palette and use LZW compression so that they can be compressed without losing quality. Unlike JPEG, GIF supports "transparency" within an image by ignoring certain colors when displaying or printing. GIF files are open source and can be used in a wide variety of programs and applications. However, most GIF formats support only limited color because the embedded LZW compression is most effective when an image contains a limited color palette. PNGs (Portable Network Graphics) are open-source alternatives to GIFs that support transparency and 24-bit color. This makes them better at complex colors than GIFs.
SVGs (Scalable Vector Graphics) are an open-source format used to store and transfer vector images. SVG files lack built-in compression but can be compressed using external programs. In addition, there are "metafile" formats that can be used to share images combining both vector and raster elements. These include PDF (Portable Document Format) files, which are used to store and display documents, and the Encapsulated PostScript (EPS) format, which is typically used to transfer image files between programs.
Into the twenty-first century, new graphics formats emerged. AV1 Image File Format (AVIF) gained prominence due to its superior compression efficiency. JPEG XL became the successor to traditional graphic formats, offering improved compression efficiency and image quality.
Bibliography
“AVIF File Format: The Evolution in Web Image Compression.” CodeParrot AI, 19 Nov. 2024, codeparrot.ai/blogs/avif-file-format-the-evolution-in-web-image-compression. Accessed 10 Feb. 2025.
Brown, Adrian. "Graphics File Formats." Digital Preservation Guidance Note 4, The National Archives, 2008.
Costello, Vic, Susan Youngblood, and Norman E. Youngblood. Multimedia Foundations: Core Concepts for Digital Design. Focal, 2012.
Dale, Nell, and John Lewis. Computer Science Illuminated. 6th ed., Jones, 2016.
Hassan, Shayan Ali, et al. “Rethinking Image Compression on the Web with Generative AI.” Arxiv, 5 July 2024, arxiv.org/html/2407.04542v1. Accessed 10 Feb. 2025.
"Introduction to Image Files Tutorial." Boston University Information Services and Technology, www.bu.edu/tech/support/research/training-consulting/online-tutorials/imagefiles. Accessed 10 Feb. 2025.
“.JPG, .EPS, .PSD, Oh My!: Common Design File Types Explained.” The Paper Mill Blog, 17 Nov. 2014, blog.thepapermillstore.com/common-design-file-types-explained. Accessed 10 Feb. 2025.