Uploaded November 2021 | Updated September 2026, 2 weeks ago

---

Although you can minify Scaled Vector Graphics (SVG) images using online services, you may well find you can reduce the size of the file further without any detriment to quality.
In this video I discuss what you can remove from SVG / XML headers, removal of transforms, the impact of precision, and utilising groups.

Sources:
Automated Minifying SVGO: jakearchibald.github.io/svgomg

Headers:
SVG Header: w3.org/wiki/SVG_Links
ViewBox and Initial Coordinates: w3.org/TR/SVG/coords.html#InitialCoordinateSystem

Precision
oreillymedia.github.io/Using_SVG/extras/ch08-precision.html
css-tricks.com/understanding-and-manually-improving-svg-optimization

leading zero can be dropped, although it may cause issues:
github.com/jakearchibald/svgomg/issues/192

Basic Shapes: developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Basic_Shapes

Grouping: developer.mozilla.org/en-US/docs/Web/SVG/Element/g
Transforms: sarasoueidan.com/blog/svg-transformations

Wallpaper:
pling.com/p/1583246

Like my channel? Please help support it:
Paypal: paypal.me/quidsup

Follow me on Social Media
Twitter: twitter.com/quidsup
MeWe: mewe.com/i/quidsup
Minds: minds.com/quidsup