What is SVG?
What is SVG?
Scalable Vector Graphics or SVG is an XML text-based vector image format. Usually, the images we see on the internet come in formats, such as JPG and PNG. Both of these formats are made up of a number of very small 'squares' called pixels. Whereas the SVG format relies on XML markup to describe lines, shapes, and other image attributes.
Even though 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 websites were using SVG files. However, this percentage seems to continue to grow as developers and website owners want fast loading on their websites (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 major browsers, 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 don't use Internet Explorer very often (even the browsers mentioned are not ranked in the top 15 global browsers market share).
For those of you looking for designs with various creations in SVG format, visit gravectory. On that site there are many choices of unique and interesting design creations, of course talking about the relatively very cheap price.
Why Should You Use SVG Files?
It must be admitted that there are still many people who are not familiar with SVG because this format is not made like pixel-based graphics. However, that doesn't mean you don't need to use it, right? SVG files have many uses for your website.
The first reason why use SVG is scalability. Since SVG is basically vector-based, the image quality will remain the same even though the screen resolution on each device is different.
JPG images will appear blurry or less obvious on certain devices because they are not too large. However, SVG images will still look sharp on all types of devices. You can even zoom in and out of the image at will without worrying about the quality being reduced. This advantage is felt when you want to offer the same user experience and high quality to all website visitors.
SVG is also in demand due to its small file size. For this reason, your storage or storage space on the web won't 'run out' quickly. In addition, the small size of the SVG format also provides an opportunity for websites to load faster. There is one downside, however - if you create a very detailed image and then convert or convert it to SVG, it will be larger than JPG, or PNG, or when the two are combined.
Why is that? This is because the size of the SVG file depends on the complexity of the image. The more detailed an image is, the larger the file size will be. Because of this, the SVG format is more suitable for logo and icon images. So, if you want to display high resolution images - such as photographs - on the site, JPG and PNG files are recommended.
Another advantage of SVG is that it is indexed by Google. All images created with this format will appear on the Google Image Search results page. Of course this will have a positive influence on the SEO on your site.