Tuesday, May 28, 2019

SVG optimization practices when drawing in Illustrator



I’ve noticed that when exporting a file from AI to SVG, there is a lot of code created that is not necessary and I realized then that this code can be certainly optimised.


Found this interesting SVG optimizer tool:


http://petercollingridge.appspot.com/svg_optimiser


I also found that the following practices may increase the performance of your final animation:




  • Using predefined shapes in SVG such as circles, elipses, squares, rectangles and polygons instead of paths.




  • Reducing the amount curves and corners when using paths.





  • When exporting AI to SVG, choose the option “presentation atributtes” so styles will be inside the SVG tag, instead of linking them to an external CSS file.




My question now is:


What other aspects must be considered WHEN WORKING IN ILLUSTRATOR in order to improve the final performance of an SVG animation?


Thank's.




No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...