1 / 10
nextjs · medium
Next.js에서 기본
<img>
대신
next/image
를 사용하는 이유로 가장 적절한 것은?
이미지 크기 조정, 최신 포맷 제공, lazy loading, placeholder 같은 최적화와 UX 기능을 프레임워크 차원에서 제공하기 때문이에요.
외부 도메인 이미지는 별도 설정 없이 항상 자동 최적화되기 때문이에요.
모든 이미지를 무조건 base64 문자열로 HTML에 인라인 삽입해서 네트워크 요청을 없애기 때문이에요.
next/image
를 쓰면 이미지의
width
와
height
를 전혀 지정하지 않아도 레이아웃 이동이 항상 방지돼요.
다음 →