使用 <img> 或 CSS/background-image 的時機

• <img>:
  
  • 適用於“屬於內容”一部份的圖片，像是旅遊的文章與其相片
  • 使用 alt 屬性，有利於無障礙設計
• CSS/background-image:
  
  • 適合用於“不屬於內容”一部份的圖片，像是清單圖示、裝飾用圖
  • 可以用於“以圖代文”，參考 css Zen Garden 裡用底圖取代標題文字的作法
  • 可以使用 CSS sprites 減少下載次數與頻寬
  • CSS2 還無法縮放圖片大小 (CSS3/background-size)

• 參見：html - When to use IMG vs. CSS background-image? - Stack Overflow