Skip to content

Commit

Permalink
Modified examples and descriptions
Browse files Browse the repository at this point in the history
  • Loading branch information
davidderaedt committed Nov 13, 2014
1 parent 271b616 commit 36ba564
Show file tree
Hide file tree
Showing 15 changed files with 38,553 additions and 18,982 deletions.
18,780 changes: 0 additions & 18,780 deletions examples/Monuments in Paris.ai

This file was deleted.

6,961 changes: 6,961 additions & 0 deletions examples/jeannev1-simplified.ai

Large diffs are not rendered by default.

19,154 changes: 19,154 additions & 0 deletions examples/jeannev1.ai

Large diffs are not rendered by default.

8,566 changes: 8,566 additions & 0 deletions examples/jeannev2.ai

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion examples/output/Monuments in Paris-opt.svg

This file was deleted.

1 change: 1 addition & 0 deletions examples/output/jeannev1-opt.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions examples/output/jeannev1-simplified-opt.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added examples/output/jeannev1-simplified-opt.svg.zip
Binary file not shown.
3,547 changes: 3,547 additions & 0 deletions examples/output/jeannev1-simplified.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
496 changes: 311 additions & 185 deletions examples/output/Monuments in Paris.svg → examples/output/jeannev1.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion pics/SVGNOW.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pics/jeanne-compared-simplified.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pics/jeanne-compared.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
26 changes: 11 additions & 15 deletions readme.md
Expand Up @@ -2,35 +2,31 @@

![image](pics/SVGNOW.png)

SVG NOW is an alternative SVG exporter for [Adobe Illustrator](http://www.adobe.com/products/illustrator.html). It is aimed at optimizing SVG files by postprocessing the generated code using [SVGO](https://github.com/svg/svgo).
SVG NOW is an alternative SVG exporter for [Adobe Illustrator](http://www.adobe.com/products/illustrator.html) currently under development. It is aimed at optimizing SVG files by post-processing the generated SVG code using [SVGO](https://github.com/svg/svgo).

SVG NOW is an in-app panel, currently in private beta, and will be distributed as a [Creative Cloud Add-on](https://creative.adobe.com/addons).

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

![image](pics/screencap.png)

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.

##FAQ
![image](pics/jeanne-compared.png)

###What for?
A much smaller & cleaner SVG code. 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.
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](pics/jeanne-compared-simplified.png)

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?
See the [SVGO](https://github.com/svg/svgo) project page for more info.
A lot. Please refer to the [SVGO](https://github.com/svg/svgo) project page for more info.

###How will this affect my artwork?
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.

###Can I optimize my file size even further?
YES! Three things:

* The first thing you should do is use Illustrator's path simplication tool (Object > Path > Simplify) and enter a value comprised between 90% and 99%. Results can be pretty amazing.
* If your artwork contains a lot of text and can deal with the obvious consequences, you should turn off the "outline text" option.
* You can also compress the SVG after optimization, but keep in mind that most web server do that for you anyway...

###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.
Expand Down

0 comments on commit 36ba564

Please sign in to comment.