Skip to content

Latest commit

 

History

History
40 lines (22 loc) · 3.12 KB

readme.md

File metadata and controls

40 lines (22 loc) · 3.12 KB

#SVG NOW for Adobe Illustrator

image

SVG NOW is an alternative SVG exporter for Adobe Illustrator currently under development. It is aimed at optimizing SVG files by post-processing the generated SVG code using SVGO.

It is free, open source (under MIT license) and will always be.

image

Artworks in the the examples folder remain the property of their respective authors and shall not be redistributed without their permission.

###What for? A much smaller & cleaner SVG code without altering the underlying artwork. Using default parameters, file size typically decreases by 30% - 50% depending on the nature of the artwork. Note that there is no file compression, only code optimisation.

image

Please note that you can definitely optimize such an artwork even further by using Illustrator's path simplication tool (Object > Path > Simplify) and enter a value comprised between 90% and 100%. Results can be pretty amazing. As you can see with the following example, combining both path simplification and SVGO/SVG Now optimization, you can save up to 80% (before compression) in a matter of seconds with little to no visual difference from the original artwork. Once compressed (which your webserver will probably do for you), the SVG file comes down to an impressive 73 Kb.

image

Also, keep in mind that fonts are outlined by default. If your artwork contains a lot of text and can deal with the obvious consequences, you should turn off this option.

###What optimizations are performed, precisely? A lot. Please refer to the SVGO project page for more info.

If everything goes well, your artwork should not be visually modified. There are however exceptions, and you should always double check and try different option combos if necessary.

###How is that different from Illustrator's own SVG exporter? It is built on top of Illustrator's SVG exporter, controls some of its parameters and default values, and runs a customized version of SVGO (node module) with an HTML GUI built on top of it to control its plugins.

###How is that different from the Illustrator Layer Exporter panel? Illustrator Layer Exporter's goal is to help generating complex compositions consisting of various image files, including SVG. I guess I could include SVG Exporter in Illustrator Layer Exporter once it's mature enough, which is not the case right now. You can however post process SVG files generated by Layer Exporter with SVG Now, but you'll have to do it by yourself, manually.

###How do I install it? If you're a standard Creative Cloud user, for the time being, you have to download the ZXP file from the bin folder and install it using Extension Manager (available from your creative cloud desktop app). You'll soon be able to install it from the Add-ons website. If you're an extension developer, you can simply fork the project and install it by yourself.