NEXT에서는 이미지를 어떻게 사용할까? - NEXT Image 알아보기 웹화면에 이미지를 띄우려면 개발자들은 html img 태그를 사용하여 이미지를 띄운다 기본 html 이미지 태그를 사용하는것도 좋지만 next를 사용한다면 next Image 컴포넌트를 사용하여 이미지를 최적화 할 수 있다 Imagenext에서는 이미지를 최적화 하여 보여줄수 있도록 Image 컴포넌트를 제공한다장점크기 최적화(Size Optimization)시각적 안정(Visual Stability)빠른 페이지 로드(Faster Page Loads)보안적 이점크기 최적화next Image 컴포넌트를 사용하면 이미지의 크기를 줄이기 위해 webp 포맷으로 변환을 한다webp 포맷을 사용하면 기존의 png, jpg와 같은 품질을 유지하지만 파일의 크기는 더 줄어들어 효율적이다※ localhost에서 테스트.. 이전 1 다음
