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.

I was delighted with Jo’s work: she combines an excellent eye for spacious design with patience and inventiveness.

(Kieron Winn)