18장. 이미지와 미디어

object-fit:cover는 crop을 허용할 때만 쓴다. 상품·증거 이미지의 중요한 부분을 잘라서는 안 된다. object-position과 art direction을 제품 요구로 정한다.

HTML의 srcset, sizes, picture, loading, decoding과 CSS의 크기·비율이 함께 동작한다. CSS background image는 의미 있는 콘텐츠의 대체 텍스트를 제공하지 못한다.

실제 viewport에서 어떤 resource가 내려왔는지 Network panel로 확인한다. CSS로 200px에 보인다고 원본 4000px 전송 비용이 사라지지 않는다.