From the course: CSS: Animation

Unlock the full course today

Join today to access over 24,400 courses taught by industry experts.

SVG exporting and optimization settings

SVG exporting and optimization settings - CSS Tutorial

From the course: CSS: Animation

SVG exporting and optimization settings

- [Instructor] To animate your SVG you'll need to have an inline in your HTML, so you'll want to take a slightly different approach to exporting and optimizing it than you might otherwise. You'll want the code to be readable and manageable while you're working on your animation. Different vector editing tools serve as different levels of options for exporting SVGs, so you might see different options depending on the tool you're using. The main things you'll have options for when exporting SVG are a choice between presentation attributes or internal CSS, a choice between linked images or embedded images, and the option to minify the SVG file. Let's look at each of these options more closely to see what they mean for our exported code. That first option on my list lets you choose whether you prefer to have your SVG's fill and stroke attributes displayed in CSS at the top of your file or as presentation attributes directly on…

Contents