Scalable Vector Graphics

Scalable Vector Graphics

Scalable Vector Graphics (SVG) is a vector image format based on XML that enables the creation and display of two-dimensional graphics on the web and other environments. As a vector format, SVG graphics are resolution-independent and can be scaled to any size without losing quality or clarity. SVG uses mathematical equations and geometric primitives such as points, lines, curves, and shapes to describe the content of an image, allowing for smaller file sizes compared to raster formats like JPEG or PNG. The format supports a wide range of visual features, including shapes, gradients, filters, animations, and interactivity through scripting. SVG integrates with other web standards such as CSS and DOM, enabling developers to style and manipulate graphics using familiar tools and techniques. The format's flexibility, scalability, and accessibility have made it a popular choice for creating icons, logos, charts, maps, and other graphics that need to adapt to different screen sizes and resolutions. SVG has been an open standard developed by the World Wide Web Consortium (W3C) since 1999 and is widely supported by modern web browsers and graphics software. Its versatility has also led to its adoption in various fields beyond web design, such as print media, signage, and user interface design. Fun fact: The SVG format was originally conceived as a way to bring vector graphics to the web, as an alternative to the then-dominant raster formats. The initial SVG working group included representatives from Adobe, Apple, IBM, Kodak, and Microsoft, among others, showcasing the broad industry support for the development of this open standard.

vector graphics, XML, resolution-independent, web graphics, scalability, interactivity, CSS, DOM

— Stephan Trump