Scalable Vector Graphics, widely known as SVG is becoming popular now a days. Scalable Vector Graphics is an open standard that was developed by World Wide Web Consortium(W3C) in 1999. SVG is an XML based vector image format for 2D Graphics that has support for interactivity and animation. In the year 2003 it became W3c recommendation. It is text based, which means you can create SVG in simple text file. Simply it is an image that will be written in xml with some of the predefined xml attributes and tags.

Scalable Vector Graphics SVG 3

Why SVG is infinitely scalable?

It is Vector Technology, which means its not raster technology. Vector Technology is something that is based on mathematics. Vector images are the combination of the lines and Vector Graphics is the combinations and calculations of Mathematics. Hence when we zoom in or zoom out a vector image there will be no distortion, because the vector system is in mathematics.

Other formats like jpeg, bmp, png, gif, etc.,. are based on raster technology. Raster files uses pixels that are accommodated in the form of Matrix. As a result of this matrix structure these formats are not scalable, they distort when zoom in or zoom out.

 Scalability of BitMap Image (Raster Technology)

    <td>
      <p>
        <figure id="attachment_916" aria-describedby="caption-attachment-916" style="width: 276px" class="wp-caption aligncenter"><img loading="lazy" class="wp-image-916 size-full" src="http://www.balasubramanyamlanka.com/wp-content/uploads/2015/04/Scalable-Vector-Graphics-SVG-1.bmp" alt="Scalable Vector Graphics SVG" width="276" height="282" /><figcaption id="caption-attachment-916" class="wp-caption-text">276X276 bmp file (Scaled)</figcaption></figure></td> </tr> </tbody> </table> 
        
        <h2>
           Scalability of Scalable Vector Graphics
        </h2>
        
        <table align="center">
          <tr>
            <td width="276">
              <center>
                </p> 
                
                <p>
                  92X92 svg file (Original)</center></td> 
                  
                  <td width="276">
                    <center>
                      </p> 
                      
                      <p>
                        276X276 svg file (Scaled)</center></td> </tr> </tbody> </table> 
                        
                        <h2>
                          Internet Browsers that support Scalable Vector Graphics
                        </h2>
                        
                        <ul>
                          <li>
                            Internet Explorer (9+)
                          </li>
                          <li>
                            Google Chrome (4+)
                          </li>
                          <li>
                            Mozilla Firefox (4+)
                          </li>
                          <li>
                            Apple Safari (4+)
                          </li>
                          <li>
                            Opera (9.5+)
                          </li>
                        </ul>


Scalable Vector Graphics SVG
92X92 bmp file (Original)