What is SVG?

SVG (Scalable Vector Graphics) is an XML-based vector image format. Unlike raster formats (PNG, JPG) which store pixels, SVG stores mathematical descriptions of shapes — lines, curves, colors, and text. This means SVGs can scale to any size without losing quality, making them ideal for logos, icons, illustrations, and diagrams. SVGs are also typically much smaller than equivalent PNGs for simple graphics. SVGs can be styled with CSS, animated with JavaScript, and embedded directly in HTML. The limitation is that SVGs cannot represent photographs — photos should remain as JPEG or WebP.