SVG 101 : 5 Reasons To Use SVG (Scalable Vector Graphics)

Today we will be discussing about SVG Files. So what do you know about SVG (Scalable Vector Graphics)? Who are using this kind of files? Where can we get it? Why should we use SVG rather than any other type of file? We will try to explain the answer to this questions in this post.

Below comes from Wikipedia 

Scalable Vector Graphics (SVG) is an Extensible Markup Language (XML)-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. – Wikipedia 

You might be wondering the difference of SVG and JPEG files. JPEG is the common used file by many crafters. One of the major differences of SVG and JPEG is scalability. Scalability means that SVG files when adjusted to a bigger size will give the same quality as its original size. You may refer to the illustration below for a graphical presentation of the 2 mentioned file type.  

It is also the reason why most crafters like to use SVGs rather than JPEG Files. This type of file has been in existence since 1999, but not widely used by the common internet user. But nowadays, there are lots of information and resources where we can find SVG files, both paid and free version

When it comes to T-Shirt Printing business, SVG file is the preferred type of pictures. Digital Die Cutting Machines can easily use this files. The software can easily identify the cutting edges of the pictures. It is then saving a lot of time for the technicians in their process for making the sticker cut out. Since SVG is scalable, it is very easy for them to use the same graphics in different size without having issues in the graphics quality of the picture.

If you are looking for examples of SVG, I have placed sample of svg images below that I have taken from Design Bundles. You may download it from their site..

Design Bundles have thousands of high quality premium design resources and free design resources of SVG. They also offer free design resources each week and a marketplace which allows graphic designers to register and sell their products. 

So here are the 5 Reasons why am I recommending to use SVG Files 

1. No pixels limitation  

2. Files Sizes 

If you will compare the file sizes of JPEG compared to SVG, you can see some differences. SVG is based on codes which gives an advantage on file size. I am referring to the website owners. Lower files size will mean faster site loading.

3. SVG for Websites 

SVG is great for logos, icons and simple animation for your website. It helps the website owner to have a better design of their websites.

4. Search Engine Optimization 

Because SVG are codes, Search Engine robots could easily understand the file. Since it is text based, it can easily be indexed by bots.

SVGs have problem with old browsers. It is best used for low intensity artwork, logos, icons and simple graphics.

5. Responsiveness 

SVG uses shapes, numbers and coordinates to render graphics in the browser. We can combine different shapes, paths and text elements to create all kinds of visuals. 

I hope that this 101 Guide for SVG files helps you understand, the use of SVG files in comparison to other graphic picture files.