What is SVG?


Scalable Vector Graphics or SVG is an XML text-based vector image format. Usually, the images we see on the web come in formats, such as JPG and PNG. Both of these formats are made up of a number of very small ‘boxes’ called pixels. Whereas the SVG format relies on XML markup to describe lines, shapes, and other image attributes.

Although it has been around since the 90’s, SVG has only been known recently. Statistics released by W3Techs show that in April 2019, only 16.7% of web sites were using SVG files. However, this percentage seems to continue to grow as developers and web site owners want fast loading on their web sites (we will explain in the next section).

Another advantage if you choose SVG is that it is supported on multiple platforms. Just look at how browsers play, like Chrome, Firefox, Safari, and Chrome for Android use this file.

However, if you are currently using IE8 or the version of Chrome and Safari before updating, you may experience some problems because these three browsers no longer support SVG files. This should not be a problem because most people no longer use Web Explorer (even browsers that are mentioned are not ranked in the high 15 international browsers market share).