[HTML] Q. <img>와 background-image는 언제 사용해야 하나요?

img의 적절한 사용

1. 페이지 출력시 이미지를 포함시킬 경우
2. 이미지에 경고 아이콘과 같은 중요한 의미가있는 경우
   

---

img의 실용적인 사용

1. 이미지가 로고, 다이어그램 또는 사람 (스톡 사진 인물이 아닌 실제 인물)과 같은 콘텐츠의 일부인 경우
2. 브라우저 크기 조정에 의존하여 텍스트 크기에 비례하여 이미지를 렌더링하는 경우
3. 배경 이미지 대신 img를 사용하면 배경에서 애니메이션 성능을 크게 향상시킬 수 있다.

---

background-image를 사용하는 경우

1. 이미지가 콘텐츠의 일부가 아닌 경우
2. 이미지 위에 텍스트가 들어가는 경우
3. 페이지 출력시 이미지를 제거해야하는 경우
4. sprite 이미지를 사용하는 경우
5. sprite처럼 이미지의 일부만 표시해야하는 경우 
6. 전체 창을 채우기 위해 배경 이미지를 늘리는 경우
7. 아이콘과 같이 반복되는 이미지인 경우

---

[참고]

<img>태그 VS background-image CSS(백그라운드이미지)는 언제 어떻게 사용하나요?

When to use IMG vs. CSS background-image?