NEXT IMAGE

이미지 최적화는 LCP, CLS, 전송량을 동시에 줄이는 작업이다

`next/image`는 크기 예약, 지연 로딩, 포맷 변환, 반응형 크기 선택을 기본 흐름으로 묶어준다.

Size`width`와 `height`로 레이아웃 밀림을 막는다.

Format브라우저에 맞춰 WebP/AVIF 전환을 노린다.

Loading뷰포트 밖 이미지는 lazy로 늦게 받는다.

Priority첫 화면 LCP 이미지만 우선 로딩한다.

외부 이미지도메인 허용을 설정해야 최적화 파이프라인에 들어간다.

실무 기준원본 크기, `sizes`, placeholder, CDN 캐싱을 함께 점검한다.