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.

A color filter array placed over a digital sensor that allows it to capture color information by filtering light into a grid of red, green, and blue pixels.

A parametric curve used in vector graphics (SVG) to model smooth curves that can be scaled indefinitely without pixelation.

A method of converting binary image data into a text string, allowing images to be embedded directly within HTML or CSS code.

A resampling method that calculates new pixel values by averaging the colors of the four nearest pixels, offering a balance between speed and quality.

A visual distortion caused by a lens's failure to focus all colors to the same point, resulting in 'color fringing' at high-contrast edges.

The difference in luminance between the brightest white and the darkest black in an image or UI element, critical for WCAG accessibility.

The mathematical backbone of JPEG compression that converts spatial pixel data into frequency-domain data to identify redundant information.

The process of reconstructing a full-color image from the raw data captured by a Bayer filter sensor.

A common error-diffusion dithering algorithm that creates smooth-looking gradients in images with limited color palettes.

A sequence of four bytes used to identify data formats and codecs inside media containers like HEIF or WebP.

An 8-bit image format that supports animation and a limited palette of 256 colors, used primarily for low-fidelity reaction content.

A mathematical filter that blurs an image using a Gaussian function, often used in pre-processing to reduce high-frequency noise.

A container format for individual images and image sequences, serving as the basis for the AVIF standard.

A lossless entropy encoding algorithm used in the final stage of JPEG and PNG compression to reduce bitstream size.

A set of data that characterizes a color input or output device, ensuring color consistency across different hardware.

A standard for embedding photo information (captions, keywords, copyright) used by news organizations and professional photographers.

The perceived brightness of a pixel, independent of its hue or saturation. In JPEG, luminance is often preserved more carefully than chrominance.

An interference pattern created when two repetitive grids (like a sensor and a textured fabric) overlap, causing wavy visual distortions.

The simplest interpolation method that picks the closest pixel value when resizing, resulting in a 'blocky' or pixelated look.

A cutting-edge AI technology that synthesizes a 3D scene from a sparse set of 2D images by modeling the radiance of the volume.

The process of reducing a large range of values to a smaller set, used in lossy compression to discard 'invisible' image details.

The process of converting vector paths (SVG) into a static grid of pixels (PNG/JPG).

The practice of encoding color information at a lower resolution than brightness information to save bandwidth, typically expressed as 4:2:0.

A small, low-resolution version of a larger image used for quick previews in galleries and search results.

An XML-based standard for embedding metadata in files, supporting advanced tracking of an image's modification history.