Pixel Art Glossary
A beginner-friendly guide to essential pixel art terminology.
Basic Terms
Pixel Art
A form of digital art where images are created by carefully placing individual pixels. Originating from early video game graphics on consoles like the NES and Game Boy, pixel art remains widely used today in indie games, social media icons, and digital art communities.
Pixel
The smallest unit of a digital image, short for "picture element." In pixel art, each pixel is intentionally placed to create the artwork.
Canvas
The working area where pixel art is drawn, expressed in sizes like "16x16" or "32x32." Smaller canvases have more constraints, but working creatively within those limits is part of what makes pixel art unique.
Resolution
The number of pixels in width and height of an image. Pixel art is typically created at intentionally low resolutions (8x8 to 64x64) and scaled up for display.
Transparency
A state where pixels have no color assigned, allowing the background to show through. Saving as PNG preserves transparency data, making assets ready for use in games and as icons. Transparent areas are typically indicated by a checkerboard pattern.
Layer
A system for separating elements of artwork onto transparent sheets stacked on top of each other. By placing background, characters, and effects on separate layers, you can edit individual parts or toggle visibility. Pixnote Editor Lite supports multiple layers.
Zoom
A feature to magnify or reduce the canvas display. Since pixel art is low-resolution, artists typically zoom in several times to edit individual pixels. Zooming out to actual size is also important for checking overall balance.
Grid
Guidelines displayed over the canvas showing pixel boundaries. Makes it easier to see individual pixel borders and place them accurately. For tilemap creation, larger grids showing tile boundaries are also useful.
Symmetry
A state where one side mirrors the other, either horizontally or vertically. Symmetry tools automatically draw the opposite side as you work on one half. Useful for efficiently creating front-facing characters, UI elements, and icons.
Scaling
Enlarging or reducing an image. In pixel art, standard interpolation methods (bilinear, etc.) cause blurring, so scaling by integer multiples using nearest-neighbor interpolation is essential. Correct settings in game engines or CSS preserve the crisp pixel look.
Color & Palettes
Palette / Color Palette
A defined set of colors used in a work. Pixel art typically uses limited palettes (around 4-16 colors). Choosing a cohesive palette gives the entire work visual consistency.
Hue
The "color" aspect of a color — red, blue, yellow, etc. Represented by position on the color wheel. Limiting the number of hues in a pixel art palette creates visual harmony.
Value
The lightness or darkness of a color. Value contrast is one of the most important elements in pixel art — clear value differences make shapes readable even at small sizes.
Saturation
The intensity or vividness of a color. High saturation means vibrant, eye-catching colors; low saturation means muted, subdued tones. Keeping consistent saturation across a piece creates cohesion.
Hue Shifting
A technique where hue is shifted along with value when painting shadows and highlights, rather than simply darkening or brightening. For example, making shadows on a red object lean toward purple creates richer, more natural coloring. This is an important technique widely used by professional pixel artists.
Dithering
A technique of alternating two colors of pixels in a checkerboard-like pattern to simulate intermediate colors or gradients. Especially effective when working with limited palettes, and commonly used for retro game aesthetics.
Color Ramp
A series of colors with the same hue arranged from light to dark. A fundamental method for creating pixel art palettes — typically 3 values (light, mid, dark) per color.
Index Color
A color mode where each pixel references a number (index) in a color table (palette) rather than storing full color data. Results in smaller file sizes and allows changing the entire image's colors by simply modifying the palette. Used in GIF format and retro games.
Color Depth (Bit Depth)
The number of bits per pixel, which determines the total number of colors available. 1-bit = 2 colors (black/white), 4-bit = 16 colors, 8-bit = 256 colors. Retro consoles had limited bit depths, which is the origin of pixel art's constrained color expression.
Gradient
A gradual transition between colors. Smooth gradients are challenging in pixel art due to limited pixels, but dithering and color ramps can be used to create stepped color transitions. Commonly used for skies and water surfaces.
Color Cycling
A technique of cycling through colors in an indexed palette to create animation effects without modifying the image itself. Can represent flowing water, lava movement, and blinking lights with very little data. Widely used in retro games and demoscene productions.
Palette Swap
A technique of replacing a sprite's palette with a different color set to apply new colors to the same character shape. Widely used for Player 1/Player 2 color variants in fighting games and creating enemy variations.
Drawing Techniques
Anti-aliasing (AA)
A technique of placing intermediate-colored pixels along diagonal lines or curves to reduce jaggedness (jaggies). In pixel art, anti-aliasing may be applied intentionally for smooth edges or deliberately avoided to maintain sharpness.
Jaggies
The staircase-like, jagged appearance on diagonal lines and curves. Unavoidable in pixel art, but can be minimized by carefully arranging pixel placement patterns.
Outline
The contour line of an object. In pixel art, outlines are often drawn as 1-pixel-wide black lines, but colored outlines (sel-out) create a softer appearance.
Sel-out (Selective Outlining)
A technique of coloring outlines to match adjacent fill colors instead of using uniform black. Brightening outlines where light hits creates a more natural, three-dimensional appearance.
Nearest-Neighbor Interpolation
A scaling method that enlarges each pixel as-is without blurring. Essential for displaying pixel art at larger sizes while maintaining sharpness. Can be set in game engines or via CSS (image-rendering: pixelated) in browsers.
Sub-pixel
A technique of simulating movement smaller than one pixel through color changes. Used in animation to express smooth, subtle motion.
Mipmap
A set of pre-generated images at multiple resolutions for different display sizes. Used in 3D games for efficient rendering of distant textures. Since pixel art relies on nearest-neighbor interpolation, mipmaps can cause blurring, so careful configuration is needed.
Noise
Unwanted scattered pixels that create visual clutter. Often occurs during photo conversion or inexperienced drawing. In pixel art, noise reduces readability and should be avoided. Intentionally grouping pixels into clusters creates a clean, noise-free result.
Banding
A common pixel art mistake where colors of different values line up in parallel bands. When colors run along outlines in uniform strips, it looks unnatural. Can be fixed by using dithering or clusters to break up color boundaries.
Pillow Shading
A beginner mistake where shading is applied uniformly from the outline toward the center without considering a light source, making objects look like a pillow. Named for the pillow-like appearance. Deciding on a light direction and casting shadows accordingly creates more three-dimensional, natural results.
Cluster
A group of same-colored pixels placed together. In pixel art, reducing isolated single pixels and grouping same-colored pixels into clusters creates cleaner, more readable results. An important concept for avoiding banding as well.
Readability
How easily a pixel art piece can be identified at a glance. Especially at small sizes (like 16x16), conveying shapes with limited pixels requires strong value contrast and thoughtful silhouettes. Particularly important for game assets.
Silhouette Test
A test where a sprite is filled with a single color to check if the subject can be identified by its silhouette alone. If recognizable as a silhouette, the character will be easy to identify even at small sizes or during fast-paced gameplay. An important technique in game character design.
Animation
Sprite
A 2D image of a character or object used in games. Originally a hardware term for small images drawn directly by the display hardware, it now broadly refers to any pixel art character image.
Sprite Sheet
A single image containing multiple animation frames or character poses arranged in a grid. Loaded into game engines for use. Typically organized with different actions (idle, walk, attack) on separate rows.
Frame Rate (FPS)
The number of still images displayed per second. Pixel art animation typically uses 6-12 FPS. Higher frame rates create smoother motion but require more work to produce.
Walk Cycle
An animation representing one complete cycle of a character walking. Typically 4-8 frames following a contact-passing-contact-passing pattern. A fundamental character animation for games.
Squash & Stretch
One of Disney's 12 principles of animation. Objects compress on impact (squash) or elongate during movement (stretch). Used for bouncing balls and similar effects — even 1-2 pixel deformations are effective in pixel art.
Onion Skinning
A feature that displays adjacent frames as semi-transparent overlays during animation creation. Named because previous and next frames appear faintly like layers of an onion. Essential for creating smooth animation, as it lets you see the flow of motion and pose changes while working.
Keyframe
Frames that define the key poses or states in an animation. The animation is completed by drawing intermediate frames between keyframes. In pixel art animation, an efficient workflow is to establish keyframes first, then fill in the in-between frames.
Tweening (In-betweening)
The process of creating intermediate frames between keyframes, or the automated interpolation thereof. Short for "in-between." In hand-drawn animation, in-betweens are created manually, though some tools offer automatic interpolation. In pixel art, manual tweening is the standard approach.
Ping-pong Loop
A loop method where an animation plays forward to the last frame, then plays backward to the first. Unlike a normal loop (1-2-3-1-2-3...), a ping-pong loop goes (1-2-3-2-1-2-3...). Well-suited for natural repeating motions like breathing or swaying.
Game Development
Tilemap
A system of arranging small, equally-sized tile images in a grid to compose game maps. Used for RPG fields, platformer stages, and more.
Tile / Map Chip
Individual image pieces that make up a tilemap. Includes types like ground, walls, water, and grass, designed to connect seamlessly with adjacent tiles. Known as "map chips" in Japanese game dev.
9-Slice / 9-Patch
A technique of dividing a UI element (dialog, button, etc.) into 9 regions — corners stay fixed while edges and center stretch — allowing it to scale to any size. An essential technique for pixel art UI creation.
Tileset
A collection of tile images used for tilemaps, organized on a single sheet with variations of ground, walls, water, decorations, and more. Game engines load tilesets and use map editors to place tiles and build stages.
Isometric
A pseudo-3D perspective viewed from a diagonal overhead angle. Allows 3D-like spatial representation using 2D pixel art, widely used in simulation games and RPGs. Isometric tiles are drawn as diamond shapes and require different placement rules than standard grids.
File Formats
PNG
The ideal image format for pixel art. Uses lossless compression so quality is preserved, and supports transparency. Perfect for game engines and social media sharing. Also the export format used by Pixnote.
GIF
An image format that supports animation, limited to 256 colors. Commonly used for sharing pixel art animations, but the color limit makes it unsuitable for complex works.
APNG
An extension of PNG that supports animation. Unlike GIF, it has no 256-color limit and can display full-color (24-bit) animation with alpha transparency. Supported by all major browsers, making it ideal for sharing high-quality pixel art animations. In unsupported environments, the first frame is displayed as a static image.
WebP
An image format developed by Google. Supports both lossless and lossy compression, as well as transparency and animation. Achieves smaller file sizes than PNG at equivalent quality, making it suitable for displaying pixel art on websites. Supported by all major browsers.
Aseprite Format (.ase / .aseprite)
The native file format of the pixel art tool Aseprite. A project file that preserves all editing data including layers, frames, palettes, and tags. Many game engines (Unity, Godot, etc.) support importing this format, making it one of the de facto standards for pixel art animation production.