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.

Jo Cox Design is great value for money. Jo understood the brief completely, while the handover/after-sales were very reassuring. Two things that I would like to highlight: 1) Jo gives you a useful training session in using WP and 2) the mobile version of my website is particularly exceptional. I can highly recommend Jo to any potential client, from a start-up to a fully fledged organization, looking to make an impact on the web.

(Stephen Gregson (Language & Culture))