<NuxtPicture>
Nuxt는 자동 이미지 최적화를 처리하기 위해 <NuxtPicture> 컴포넌트를 제공합니다.
<NuxtPicture>는 기본 <picture> 태그의 대체품입니다.
<NuxtPicture>의 사용법은 <NuxtImg>와 거의 동일하지만, 가능한 경우 webp와 같은 최신 포맷을 제공할 수도 있습니다.
<picture> 태그에 대해 MDN에서 더 알아보기.
설정
<NuxtPicture>를 사용하려면 Nuxt Image 모듈을 설치하고 활성화해야 합니다:
Terminal
npx nuxt module add image
※이 페이지는 Nuxt.js 공식 문서의 비공식 번역 페이지입니다.
공식 문서의 해당 페이지는 여기 있습니다:
https://nuxt.com/docs/3.x/api/components/nuxt-picture