What are Scalable Vector Graphics (SVG)?

3rd January 2014

SVG stands for Scalable Vector Graphics. It’s an XML-based image file type.

Advantages of SVG

  • Unlike bitmap based image files like jpgs which remain the same size, they’re scalable. That means the resolution will change to fit the viewing window without loss of clarity
  • You’ll typically find they have smaller file sizes than jpgs and gifs
  • You can apply filter effects,¬†transformations, clipping, and masking
  • You can export them from programs you probably already know, including Illustrator
  • You can create animations without any third party plugins (like Flash)

Where to use SVG

SVG is ideal for logos, icons, animations, illustrations and other web graphics.

NB: Because this post is more than two years old, and the world of web design and technology moves on so quickly, the information in it may now be out of date


1 thought on “What are Scalable Vector Graphics (SVG)?”

Leave a Reply

Despite the fact that I am a dinosaur when it comes to technology you had the patience to see me through to being able to give you the text and pictures, which you then turned into a really good finished article. I have had many emails from people who have seen it, all of whom have congratulated me on the website. But the congratulations really relate to your work.

Mike Mackenzie