VG簡介
只要是程序員的你，你不得不知道svg圖片，它可以無限任意放大拉伸都不會損失畫質，就像系統字體一樣可以無限矢量放大，svg更高級是可以用來制作矢量動畫，現在各大瀏覽器和系統基本對svg已經支持很好了
SVG與Gif的比較
SVG圖片: 矢量放大，動畫也是矢量，體積極小，相當於一個.txt文本的體積,幾b到幾kb
GIF圖片：固定大小，動畫為圖片逐幀顯示，體積賊大
SVG應用的平台
Android應用、IOS應用、網頁、電腦軟件
SVG的設計工具
Sketch、Photoshop、AI等等
我個人推薦使用Sketch來設計svg圖形
svgator動畫制作工具
好了廢話不多說啊，以上是svg的科普知識而已，下面介紹制作svg動畫的強大工具
這個工具是一個網頁在線的svg制作工具，只需要進入網頁就可以制作svg動畫了，不過這個工具制作起svg動畫來是跟ae使用差不多的，如果有ae的基礎基本使用就非常好上手啦。
工具非常強大，而且沒有廣告，重要的是免費使用的，制作好動畫之后呢直接又可以導回出svg圖片了，這時你的svg就是會動的了，你就可以直接應用到網頁或者移動應用的開發當中了
工具的編輯界面
這里還有一個技巧，你可以去阿里圖標庫去下載svg圖片導入到這里來編輯添加動畫，然后再導出
前往工具地址
https://www.svgator.com/
是國外網站所以你需要翻牆來使用喔
網頁中SVG應用的案例
比如又拍雲官網就大量使用了svg動畫，還有更多大家自己去發現學習了。
通常可以被用作一個圖標的特效，banner背景特效等等，在移動應用中svg可以用於制作app的引導頁動畫和按鈕等
