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