Next.js와 이미지 최적화

• image optimization

Basic Features: Image Optimization | Next.js

• webP자동 변환은 라이브러리 설치가 필요함

Serve WebP images in Next.js with next-optimized-images

• animated images

The default loader will automatically bypass Image Optimization for animated images and serve the image as-is.Auto-detection for animated files is best-effort and supports GIF, APNG, and WebP. If you want to explicitly bypass Image Optimization for a given animated image, use the unoptimized prop.
next/image | Next.js

next/image | Next.js

• Next/Image 이미지 최적화에 참고하면 좋은 글

Next/Image를 활용한 이미지 최적화

Next/Image를 활용한 이미지 최적화