SVG stands for Scalable Vector Graphic. It can be used to make graphics and animations like in HTML canvas. It is a type of vector graphic that may be scaled up or down. SVG is a web standard for vector-based graphics. It is an XML format that defines graphics. In SVG files, every element and property can be animated. SVG is compatible with other W3C standards such as the Document Object Model (DOM) and XSL.
- It provides good printing quality at any resolution and therefore is highly usable.
- It is an Open Standard and easy to use.
- We can use any text editor to create and edit SVG images.
- It is highly scalable and never compromises on quality on resizing.
- The size of text formatted raster images is bigger than binary formatted raster images.
- Even for a simple image, the size can be large.
Now let’s understand SVG better using an example.
Example: In this example, We create an SVG line in HTML.