Do you know when to use SVG?

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.
<imageEmbed
  alt="Image"
  size="large"
  showBorder={false}
  figureEmbed={{
    preset: "badExample",
    figure: 'Bad Example - this graphic is line art, but has mistakenly been saved as a JPEG. It loses resolution.',
    shouldDisplay: true
  }}
  src="/uploads/rules/do-you-know-when-to-use-svg/jpg_vs_svg_bad.jpg"
/>

<imageEmbed
  alt="Image"
  size="large"
  showBorder={false}
  figureEmbed={{
    preset: "goodExample",
    figure: 'Good Example - the same graphic, saved as an SVG, no pixelation.',
    shouldDisplay: true
  }}
  src="/uploads/rules/do-you-know-when-to-use-svg/svg.jpg"
/>