Image props
크기 속성, priority, 원격 도메인 설정은 서로 다른 비용을 줄인다
`next/image` 속성은 하나의 묶음처럼 보이지만 레이아웃, 전송량, 보안 경계를 각각 다룬다.
width/height
자리 예약
CLS 방지
sizes
필요한 후보 선택
과한 다운로드 방지
priority
첫 화면 이미지
LCP 개선
remotePatterns
허용 출처
외부 이미지 통제
속성
줄이는 비용
나쁜 설정
width/height
레이아웃 흔들림
크기 누락
sizes
전송량
항상 큰 이미지
priority
초기 로딩
모든 이미지 priority
remotePatterns
출처 위험
과도한 wildcard
핵심
이미지 최적화는 화질 옵션이 아니라 레이아웃·전송·출처 비용을 각각 줄이는 설정이다.