화면 크기에 따른 이미지 아트 디렉션

화면 크기에 따라 다른 이미지를 표시하는 아트 디렉션 기법을 설명합니다.

picture 요소 사용

source와 media 속성으로 화면 크기별 이미지를 지정합니다.

크롭 전략

작은 화면에서는 이미지의 중요 부분만 보여주는 크롭 기법입니다. 더미 텍스트는 Lorem Ipsum 생성기가 편리합니다.

성능 최적화

화면 크기에 맞는 최적 크기의 이미지만 로드하여 성능을 향상시킵니다.