Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed SVG Workflow and Tools !
You have completed SVG Workflow and Tools !
Preview
Optimization is an important step before displaying SVG on the web. In this video, you'll learn one of the quickest ways to reduce the size of your SVGs, using a popular optimization tool called SVGOMG.
Resources
Things to look for when manually optimizing:
- Comments
- XML tags
- Id
- Empty tags
- Round numbers
- Inline styling - can go in CSS
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
[MUSIC]
0:00
Hi, my name is Reggie,
I'm a developer and teacher at treehouse.
0:00
SVG, or Scalable Vector Graphics
is a powerful image
0:04
format that allows you to write code to
define graphics for your web projects.
0:08
With SVG, your graphics can scale and
0:13
maintain detail across
different screen sizes.
0:16
Also compared to bitmap image
formats like JPEG or PNG,
0:19
vector graphics can have
smaller file sizes.
0:23
Even with all the scalability and control,
SVG gives us the SVG code we download
0:26
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up