Do you know when to use SVG?

Updated by Tiago Araújo [SSW] 1 year ago. See history

123
<introEmbed body={<> 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. </>} />
Image

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

Image

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

Acknowledgements

Related rules

Need help?

SSW Consulting has over 30 years of experience developing awesome software solutions.

We open source.Loving SSW Rules? Star us on GitHub. Star