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.

1 Comment

  • Sean

    17th February 2014 at 4:24 pm

    Yeah,SVG format is also one of my favorite file formats which really do good in designs.

Leave a Reply

I am not exactly a technophobe but due to previous experiences of pressing buttons that I have no business pressing I have shied away from doing thing to update or improve my site. I have called on Jo Cox’s expertise several times and she is always quick, efficient and gets you back on track whilst also calming you down. I can honestly say that there is no one else I would call on in an emergency to sort out problems with my website. I have never had a bad experience with Jo’s services or with Jo as the service provider.

Lisa Bentley