- 画像に警告アイコンのような重要な意味がある場合、
alt
属性とともに使う- スクリーンリーダーのようなユーザーエージェントで画像の意味を確実に伝えられる
- 画像がロゴ、図、人物などのコンテンツの一部の場合、
alt
属性とともに使う background-image
の代わりにimg
タグを使うと、背景上のアニメーションのパフォーマンスを劇的に向上させられる
- 画像がコンテンツの一部ではない
- テキストの画像置換を行う場合
- CSS Sprites のようにダウンロード時間を改善する必要がある場合
- CSSスプライトのように、画像の一部だけを表示する必要がある場合
- 背景画像を引き伸ばしてウィンドウ全体に表示する場合、
background-size:cover
と一緒に使う