Getting Started
...
Glossary
N-Z Terms

SVG

2min
scalable vector graphics (svg) is an xml based vector image format for two dimensional graphics it is a widely used format for web graphics, and is supported by all major web browsers svg files can be scaled to any size without losing quality, and they can be animated and interactive svg files are made up of a hierarchy of elements, each of which can be described with a set of attributes the most common elements are path a path is a line or curve that can be defined by a set of points shape a shape is a closed path that can be filled with a color or pattern text text can be added to an svg file using the \<text> element image images can be embedded in svg files using the \<image> element svg files can also contain animations and interactivity animations are created using the \<animate> element, and interactivity is created using the \<a> element here are some of the benefits of using svg in graphics scalability svg files can be scaled to any size without losing quality this makes them ideal for use on high resolution displays vector based svg files are vector based, which means that they are defined by mathematical formulas this makes them more compact and efficient than raster based images, such as png and jpeg files portability svg files are supported by all major web browsers, making them a portable format for web graphics accessibility svg files are accessible to users with disabilities, making them a good choice for web graphics that are intended for a wide audience if you are looking for a versatile and efficient format for your web graphics, svg is a good option to consider it is a widely supported format that offers a number of benefits over other image formats feedback please be sure to submit issues or feature requests through the embedded feedback form in the event it is a major issue please contact us directly through discord