loading.io讓網頁loading過程不枯燥

若在網頁製作時，預期頁面在載入時必須花較長時間時，通常會在等待網頁載入的期間加入一個loading的動畫圖示來表示，避免用戶誤以為網頁無回應而離開，若是圖示美觀有趣的話，甚至會吸引瀏覽者的注意力。

我們來介紹一個方便製作圖示的網站是loading.io( https://loading.io/)，是線上loading動畫圖示產生器，支援gif、SVG、CSS、APNG，尤其是SVG相較於gif檔案更小，圖案也較不失真，是很好的選擇，而APNG跟gif差在支援的色彩較多在表現上更豐富(24bit)，gif則只有8bit。

loading.io目前提供了許多圖示可以使用，快速又便利，有免費的跟付費的。

在設定上可以依自身需求調整右方的選項，依圖示的不同，可以調整的部分也有些許差異，除了最基本的色彩、尺寸、背景色和動畫速度之外，若一個圖示內含有好幾個物件，有的還可以調整各自的顏色，甚至是輪廓的設定也可以很自由，比如例子中的圖示，不僅可以調整方塊長寬的數量(Block Count)，還有方塊間的間隔(margin)、方塊的寬度(block width)，非常有彈性。

下載步驟如下：

首先選擇一個想要的圖示，依調整顏色、尺寸、動畫速度等等。

設定好之後按「download」即可下載，如前面所說有四種格式可挑選，之後就可以拿來自由使用了唷！

分別選擇四種格式下載後的檔案，十分快速方便！