Visual Lexicon.

A next-generation image file format that offers superior compression and quality compared to JPEG and WebP. It supports both lossy and lossless compression.

A color component that represents the degree of transparency of a pixel. 0% alpha is fully transparent, while 100% is fully opaque.

A technique used to smooth the jagged edges of lines and shapes in digital images by averaging the colors of the pixels at the boundaries.

A methodology for building design systems that breaks UIs into fundamental components (atoms, molecules, organisms).

The proportional relationship between the width and height of an image, typically expressed as two numbers separated by a colon (e.g., 16:9).

The number of bits used to represent the color of a single pixel. Higher bit depth allows for more colors and smoother gradients (reducing banding).

A visual artifact where smooth gradients appear as discrete bands of color, usually caused by low bit depth or excessive compression.

A Core Web Vitals metric that measures how much elements on a page shift during loading, often caused by images without defined dimensions.

The entire range of colors that a particular device (screen or printer) can produce or that a color model (like RGB) can represent.

A set of metrics used by Google to evaluate the user experience of a website, including loading speed (LCP) and visual stability (CLS).

A technique used in computer graphics to create the illusion of color depth in images with a limited color palette by arranging pixels of different colors.

A standard for storing metadata in image files, including camera settings, timestamp, and GPS coordinates.

The use of a Graphics Processing Unit (GPU) to perform calculations more efficiently than a CPU, often used for image filtering and rendering.

A cylindrical color model that represents colors based on their position on the color wheel, intensity, and brightness.

The mathematical process of estimating the values of new pixels when resizing an image, commonly using methods like Bi-linear or Bi-cubic.

The most common lossy image format, optimized for photographs where some loss of detail is acceptable for smaller file sizes.

A Core Web Vitals metric that measures the time it takes for the largest visual element on a page to become visible.

A data compression method that reduces file size without discarding any information, allowing for bit-perfect reconstruction.

A data compression method that achieves smaller file sizes by discarding information that is less perceptible to the human eye.

A tiny, blurry version of an image displayed while the full-resolution asset is loading to improve perceived performance.

Information describing an image file, such as its dimensions, creator, and copyright, stored in formats like EXIF, XMP, or IPTC.

An AI-based approach to image processing that uses deep learning to reconstruct or upscale images with higher fidelity than traditional math.

The degree to which an image or element is non-transparent. 100% opacity is fully solid; 0% is invisible.

The specific set of colors used in an image or a design system.

A lossless raster image format that supports transparency, commonly used for web graphics, logos, and screenshots.

A JPEG format that loads in multiple passes, displaying a blurry full image first and gradually sharpening as more data arrives.

A digital image composed of a grid of pixels. Scaling up a raster image often leads to pixelation (loss of clarity).

The additive color model used for digital displays, where colors are created by combining red, green, and blue light.

A type of parallel processing that allows a CPU to perform the same operation on multiple data points at once, speeding up image filters.

An XML-based vector image format for two-dimensional graphics with support for interactivity and animation.

A specialized tool for optimizing SVG files by removing unnecessary metadata and simplifying path data.

An image defined by mathematical paths rather than pixels, allowing for infinite scalability without loss of quality.

A modern image format developed by Google that provides superior lossy and lossless compression for web assets.

A binary instruction format that allows code written in languages like C++ or Rust to run at near-native speed inside the browser.