Do you know when to use SVG?

Last updated by Tiago Araújo [SSW] 5 months ago.See history

This rule has been archived
Archived Reason: Merged to https://www.ssw.com.au/rules/image-formats

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.Loving SSW Rules? Star us on GitHub. Star
Stand by... we're migrating this site to TinaCMS