Understand the fundamental difference between pixel grids and mathematical paths through this interactive demo.
A grid of colored squares called "pixels". Each pixel holds specific color info (RGB). Quality depends directly on Resolution (DPI/PPI).
Excellent at complex color gradients, shadows, and details. The only choice for photos and realistic paintings.
Based on mathematical formulas (points, lines, curves). E.g., a circle is defined by center and radius `r`, not pixels. Thus, it scales infinitely without loss.
File size is usually very small (stores instructions only) and independent of dimensions. Not good for photorealistic images.
| Dimension | Raster | Vector |
|---|---|---|
| Resolution | Dependent | Independent |
| File Size | Large (at high res) | Small (for simple shapes) |
| Conversion | Hard to vectorize | Easy to rasterize |
| Best Use | Photos, Paintings | Logos, Icons, Type |