Pixels, paths, alpha, and color
Inspect pixel dimensions and embedded color profile. Separate photographic detail from flat graphic regions.
Images & Graphics
Practical image decisions for publishing, photography, design systems, accessibility, and long-term archives.
4 guides in this collection
START HERE
JPG, PNG, WebP, and AVIF compared
The right web image format depends on transparency, detail, browser support, and how aggressively the image must load.
10 min read →02
Pixels, vectors, color
03Raster vs. vector: choose by how the artwork must scale
Pixels describe samples; vectors describe shapes. The correct choice follows the content, not a design trend.
7 min read →Pixels, vectors, color
04Resolution, PPI, and DPI without the myths
Pixel dimensions determine digital detail; print density determines how tightly those pixels are placed on paper.
9 min read →Pixels, vectors, color
Why color changes after image conversion
A missing or mishandled ICC profile can shift color even when every pixel value survives.
7 min read →How to approach images & graphics
Judge an image by content type, target dimensions, transparency, color space, and whether future editing matters.
Image conversion starts with the artwork, not the popularity of an extension. Photographs, interface graphics, logos, scans, and print files need different combinations of pixel resolution, vector structure, transparency, animation, and color metadata. Keep an editable or lossless source, export at the final dimensions, and inspect the result in the browser, device, or print workflow that will use it.
Match the image format to the artwork
Export at the final display or print requirement. Compare edges, gradients, transparency, and metadata.
Image export inspection
- Pixel dimensions meet the destination requirement.
- Transparency and edge pixels render correctly.
- The intended ICC color profile is embedded or converted deliberately.
- Text, gradients, and fine texture survive at normal viewing size.