base64,雪碧圖CSS Sprite,直接使用圖片

base64：

• 這類圖片不能與其他圖片以CSS Sprite的形式存在，只能獨行
• 這類圖片從誕生之日起，基本上很少被更新
• 這類圖片的實際尺寸很小（幾K-10KB，小於10KB）
• 這類圖片在網站中大規模使用

1.CSS Sprite:
可以減少檔案體積和伺服器請求次數，從而提高效率
一般情況下，你需要儲存為PNG-24的檔案格式
可以設計出豐富多彩的顏色圖示

只在一個頁面中用到的小圖示可以使用這種方法

2.font + html
靈活性：輕鬆地改變圖示的顏色或其他css效果
可擴充套件：改變圖示的大小，就像改變字型大小一樣容易
向量性：圖示是向量的，與畫素無關。縮放圖示不會影響清晰度。
相容性：字型圖示支援所有現代瀏覽器（包括ie6）
本地使用：通過新增定製字型到您的本地系統，你可以在各種不同的設計和編輯應用程式中使用它們
工具下載(IcoMoon)https://icomoon.io
免費的圖示，免費的應用程式（400+免費字型圖示）
構建只包含您需要的圖示
匯入您的向量圖（SVG字型），而不會被上傳到伺服器
方便管理圖示，除了生成字型，還可以生成SVG

只所有頁面中用到的小圖示可以使用這種方法
3.font + css
偽元素：建立一個虛假的元素，並插入到目標元素內容之前

只所有頁面中用到的小圖示可以使用這種方法

直接使用圖片：

商品圖片，大的背景圖片，logo圖片，品牌圖片