<NuxtPicture>
Nuxt는 자동 이미지 최적화를 처리하는 <NuxtPicture> 컴포넌트를 제공합니다.
<NuxtPicture>는 기본 <picture> 태그를 대체하는 드롭인 컴포넌트입니다.
<NuxtPicture>의 사용법은 <NuxtImg>와 거의 동일하지만, 가능한 경우 webp와 같은 최신 포맷으로도 이미지를 제공할 수 있습니다.
<picture> 태그에 대해 MDN에서 더 알아보기.
설정
<NuxtPicture>를 사용하려면 Nuxt Image 모듈을 설치하고 활성화해야 합니다:
Terminal
npx nuxt module add image