Web中的圖標

隨着時代的變遷和技術的不斷更新，Web中的圖標（icons）再也不僅僅是侷限於<img>。除了<img>直接調用icons以外，還有Sprites（俗稱雪碧圖）、Icon Font（字體圖標）、SVG Icon等等。

前端工程師關心頁面可訪問姓、性能以及重構的靈活性，可重複性，可維護性等等。

原始的<img>

優點

更換簡單方便，只須要修改圖標路徑或覆蓋圖標文件名

圖標大小易於掌控

劣勢

增長HTTP請求，若是頁面使用的圖標過多，直接拉高了HTTP的請求數，也就直接影響了頁面的加載性能。

不易適配各類終端和分辨率，特別是高PPI的顯示設備，有可能形成圖標模糊

不易修改圖標的樣式，好比顏色，陰影等

不易維護

Sprites圖標（雪碧圖）