loading.io 線上免費 Loading 載入中圖示產生器，支援 GIF、SVG、CSS 三種格式輸出

網頁上想要製作屬於我們自己的載入圖示嗎？推薦使用 loading.io 線上免費 Loading 動畫圖示產生器，網頁顯示的速度快慢牽涉很多層面的問題，為了讓讀者多等待一些時間，這時 Loading 動畫圖示成了讓讀者轉移注意的小細節，而且還可以產生「動畫向量圖」，SVG 向量圖形可以說是目前網頁製作圖形的趨勢，放大後展示效果仍然很清晰，不會有馬賽克效果。

Loading動畫圖示產生器：https://loading.io/

▽ 站上提供了多款免費使用的 Loading 動畫圖示讓大家使用，另外也有一排 Loading 動畫圖示是標註 $1.99需付費的，艾倫個人覺得免費的部份就已經很夠用，付費的其中一款 fidget-spin跟現在超流行的指尖陀螺造型很相像，蠻特別的 Loading圖式設計。

▽ 艾倫使用 Google 翻譯將可調整的工具列翻譯成中文截圖讓大家參考，可以修改 Loading 動畫圖示的顏色、球數、球半徑、配色方案、旋轉的速度、尺寸、背景顏色..等設定。

▽ 有的網頁設計底圖不一定是白色，Background背景顏色也能自己依據我們的需求來設定。

▽ 按下 Color Scheme 會顯示下方的配色方案， 讓我們 Loading 動畫圖示的顏色與我們網頁更匹配。

▽ 站上所有的 Loading動畫圖都支援 GIF、SVG、CSS 下載，CSS 的部份也會提供相對應的語法。

網頁需要特殊的 Loading 動畫圖示從 loading.io 網站製作不用 10 秒鐘就能完成。

Loading動畫圖示產生器：https://loading.io/