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.