From the course: Creating Web Icons with SVG
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Optimize SVG with SVGOMG and SVGO
From the course: Creating Web Icons with SVG
Optimize SVG with SVGOMG and SVGO
- [Voiceover] One of the many reasons for using SVGs is to improve the performance of web projects. SVGs tend to be smaller files than graphics, and the browser can render them quickly in any size you want. However, when you create custom SVGs, the files generated by Adobe Illustrator or Sketch or whatever tool you're using are not well optimized. That means you're potentially wasting valuable bandwidth and time by using SVG files that are way more complex than they need to be. If you go to the exercise files for this movie, 02_03, you will find the SVG version of the graphic I created in the previous movie, and you'll see that this is a fairly well laid out web document, it's quite easy to read for us humans, but it's also really, really verbose and long, and I'm sure this can be somehow optimized to be shorter and smaller. To fix this issue, we can optimize SVGs using a variety of different tools. My two favorites are the command line tool SVGO and its browser companion SVGOMG…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.