이론/HTML
[HTML] Q. <img>와 background-image는 언제 사용해야 하나요?
millfeel1298
2021. 3. 7. 19:38
img의 적절한 사용
- 페이지 출력시 이미지를 포함시킬 경우
- 이미지에 경고 아이콘과 같은 중요한 의미가있는 경우
img의 실용적인 사용
- 이미지가 로고, 다이어그램 또는 사람 (스톡 사진 인물이 아닌 실제 인물)과 같은 콘텐츠의 일부인 경우
- 브라우저 크기 조정에 의존하여 텍스트 크기에 비례하여 이미지를 렌더링하는 경우
- 배경 이미지 대신 img를 사용하면 배경에서 애니메이션 성능을 크게 향상시킬 수 있다.
background-image를 사용하는 경우
- 이미지가 콘텐츠의 일부가 아닌 경우
- 이미지 위에 텍스트가 들어가는 경우
- 페이지 출력시 이미지를 제거해야하는 경우
- sprite 이미지를 사용하는 경우
- sprite처럼 이미지의 일부만 표시해야하는 경우
- 전체 창을 채우기 위해 배경 이미지를 늘리는 경우
- 아이콘과 같이 반복되는 이미지인 경우
[참고]