内容简介：The post
Command Line Tools
The biggest (and maybe only?) player in this space: SVGO . It's even used under the hood of other tools.
Using with a Task Runner
- grunt-svgmin
- gulp-svgmin
- gulp-svgo
- svgo-loader (webpack)
Desktop Apps
- ImageOptim (macOS)
- macOS "folder action"
- Before macOS 10.15 Catalina, you could use SVGO GUI , but it's 32-bit which makes it obsolete.
There are generic app for optimizing images on Windows and Linux, but I haven't yet confirmed any of them do SVG.
Web Apps
The idea with these tools is that you have an SVG on your machine and you upload it to this web app to optimize this one SVG.
APIs
- ImageOptim Web Service API
- Kraken
- Imgix supports SVG if you opt-in .
- It's not entirely clear if Cloudinary actually optimizes SVG, and their API is uploading-focused, but they do support "transformations" on SVG, and their fetch URL format is API-like.
Optimizing Directly Out of Design Tools
Typically, when you export SVG out of a design tool it is in dire need of optimization. Hence, all the tools in this article. The design tool itself can help though, at least somewhat.
- Sketch's svgo-compressor (there is also a Sketch-specific web app for this called SVGito )
- Figma does its best by default
- Illustrator has SVG NOW
- SVGO-Inkscape
Deep Dive Articles
- Michelle Barker: Optimising SVGs for the Web
- Jayden Seric: How to optimize SVG
- Sara Soueidan: Tips for Creating and Exporting Better SVGs for the Web & Useful SVGO[ptimization] Tools
- Cosima Mielke: Tools And Resources For Editing, Converting And Optimizing SVG
- Jake Giltsoff: SVG on the Web, Preparing & Optimising
- Andreas Larsen: Optimising SVGs for Web Use
- Josh Stoik: Optimizing SVGs For Web Use
Manual/Hand SVG Optimization Work
- Raymond Schwartz: Understanding and Manually Improving SVG Optimization
- Amberd Design Studio: How to Optimize an SVG File Step-by-Step
- Video from us: Reducing vector points in Illustrator
- Video from Kevin Powell: How to create, clean up, and optimize an SVG
- Presentation by Brenda Storer: Cracking the SVG Code
- Dudley Storey: SVG Optimisation: The Basics
The post Tools for Optimizing SVG appeared first onCSS-Tricks.
以上所述就是小编给大家介绍的《Tools for Optimizing SVG》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
屏幕上的聪明决策
Shlomo Benartzi、Jonah Lehrer / 石磊 / 北京联合出版公司 / 2017-3 / 56.90
为什么在手机上购物的人，常常高估商品的价值？ 为什么利用网络订餐，人们更容易选择热量高的食物？ 为什么网站上明明提供了所有选项，人们却还是选不到最佳的方案？ 屏幕正在改变我们的思考方式，让我们变得更冲动，更容易根据直觉做出反应，进而做出错误的决策。在《屏幕上的聪明决策》一书中，什洛莫·贝纳茨教授通过引人入胜的实验及案例，揭示了究竟是什么影响了我们在屏幕上的决策。 ......一起来看看 《屏幕上的聪明决策》 这本书的介绍吧!
