Do you know when to use SVG?

Last updated by RebeccaLiu over 8 years ago.See history

Line art graphics and anything with well defined shapes (logos, vector illustrations, e.t.c.) must be saved in SVG format.

Some of SVG format advantages are:

  • Written in XML
  • Text-based
  • Official W3C graphics standard
  • Accessible for people with visual disabilities
  • Searchable
  • Can be animated
  • No pixelation
  • Small file size
  • Supports transparency
  • Text can be selected, copied, spoken by the computer, and indexed by search engines.

jpg vs svg bad
Figure: Bad Example - this graphic is line art, but has mistakenly been saved as a JPEG. It loses resolution.

svg
Figure: Good Example - the same graphic, saved as an SVG, no pixelation.

We open source. Powered by GitHub