JudithHopps JudithHopps

next.js 이미지 Next.js는 이미지와 같은 정적 자산을 최상위 public디렉토리 아래에 제공할 수 있습니다 . 최적화되지 않은 이미지 일반 HTML을 사용하면 다음과 같이 프로필 사진을 추가합니다. 그러나 이는 다음을 수동으로 처리해야 함을 의미합니다. 다양한 화면 크기에서 이미지가 반응하는지 확인 타사 도구 또는 라이브러리로 이미지 최적화 뷰포트에 들어갈 때만 이미지를 로드합니다. Next.js는 Image이를 처리하기 위해 즉시 사용 가능한 구성 요소를 제공합니다. Next.js는 기본적으로 이미지 최적화도 지원합니다. 이를 통해 브라우저에서 지원하는 경우 WebP 와 같은 최신 형식으로 이미지 크기 조정, 최적화 및 제공이 가능합니다 . 이렇게 하면 뷰포트가 더 작은 장치에 큰 이미지가 ..