Scalable Vector Graphics
Scalable Vector Graphics (SVG) are a type of two dimensional picture that work on vectors, rather than pixels. This means that they can be easily be made bigger or smaller without losing any quality or becoming blurry. SVG is based on XML and created by the World Wide Web Consortium (W3C).
The W3C published SVG in September 2001. As of 2018 SVG is widely supported in all modern browsers.
SVG uses Extensible Markup Language (XML). So it has a definition of the document type.
<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" version="1.1" baseProfile="full" width="800mm" height="600mm"> <!-- content of the file --> </svg>
Difference between bitmap and vector imagesEdit
This image shows the difference between bitmap and vector images. The vector image can be scaled forever, while the bitmap can not.
- "Can I use... Support tables for HTML5, CSS3, etc". caniuse.com. Retrieved 2019-01-02.
- VectorMagic Online raster to SVG converter