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.

Thank you very much to Jo Cox Design for assisting in changing and updating our website. Jo was extremely helpful and dealt with my requests very quickly. Would certainly recommend.

Rachel Watmough (Butterfly Bridal Boutique)