In previous articles I’ve explained how to work with SVG in Adobe Illustrator, and how SVG export has been improved in the Adobe suite. The most recent versions of Adobe PhotoShop and Illustrator feature further enhancements that make modifying and generating SVG elements even easier and more productive:
If you’ve created an illustration that follows the guidelines in my article on how to master Adobe Illustrator workflow for SVG production, you should now have a well-organized vector image ready for export.
Illustrator has long had strong support for SVG; last week Adobe added some new options to Illustrator CC, which I’ll include here. Whichever version you are using, there are three simple steps to exporting an SVG file from Illustrator:
Previously I explored manually optimizing an SVG file by tweaking settings and cleaning up code by hand. While that’s a good thing to know – and very often a final necessary step – it’s more likely that most designers and developers will be building and exporting their SVG work from a vector illustration tool such as Adobe Illustrator.
In this article, I’ll look at setting up and working with Illustrator with the goal of producing useful, editable and highly compressed SVG graphics. In a follow-up piece, I’ll detail the best export options, including some that are exclusive to the latest version of Creative Cloud.