SVG (Scalable Vector Graphics) is an XML-based vector image format that scales to any size without losing quality, ideal for logos and icons.
SVG stands for Scalable Vector Graphics, an XML-based format that describes images using mathematical shapes, paths, and text rather than pixels. Because SVG images are defined by geometry rather than a fixed pixel grid, they can be scaled to any size — from a tiny favicon to a billboard — without becoming blurry or pixelated. SVGs can be styled with CSS, animated with JavaScript, and are fully searchable and accessible because the text within them remains selectable. They are the standard choice for logos, icons, illustrations, and data visualizations on the web, though they are not suitable for photographs or complex raster imagery.
Raster images are made of pixels and lose quality when scaled up, while vector images use mathematical shapes and scale infinitely without quality loss.
Image transparency allows parts of an image to be fully or partially see-through using an alpha channel, essential for overlays and compositing.
DPI (dots per inch) measures print resolution, while PPI (pixels per inch) measures screen resolution — they are related but not interchangeable.