｜工具推薦｜線上製作CSS Sprites工具
是將網站所用的數個小圖合併成一張大圖，再利用background-position來定位顯示各個小圖，優化網頁載入速度。
分享兩個線上製作CSS Sprites
CSS Sprites Generator
提供選擇5種不同排列方式：
Binary Tree(二元樹)：高效的排列算法，將圖片按照最優空間使用方式進行排列，最大限度地減少浪費空間。
Diagonal(對角線)：圖片以對角線方式排列，讓元素間有足夠的空間，不會重疊。
Diagonal(Alternative)(對角線替代)：與對角線相似，但使用不同的排列算法來達到類似效果。
Top-down(自上而下)：從上至下按順序排列圖片。
Left-right(自左至右)：從左至右水平排列圖片。
Responsive CSS Sprite Generator
https://responsive-css.spritegen.com/
https://responsive-css.spritegen.com/
Responsive CSS Sprite Generator是垂直排列合併成一張圖，它會自動算好background-position、background-size的百分比來實現響應式效果。
