Mastering SVG

Authoring

SVG documents can grow quite large, even for simple images. Depending on the number of effects and the number of elements, the markup used to draw an SVG image could quickly overwhelm everything else on the page. For that reason, it's worth keeping large SVG elements as separate document fragments and pulling them into your documents as needed. Depending on how they're being used, this might be with the use element inside a containing SVG document or might be a case of importing a document fragment using your page composition tool of choice. There are a large number of server-side and/or client-side solutions for bringing together pieces of markup and text together (for example, JavaScript template solutions, CMSs, blog platforms, ...