<NuxtPicture>はネイティブの<picture>タグの代替としてそのまま使用できます。

<NuxtPicture>の使用法は<NuxtImg>とほぼ同じですが、可能であればwebpのような最新のフォーマットを提供することもできます。

<picture>タグについてMDNで詳しく学ぶ。

セットアップ

<NuxtPicture>を使用するには、Nuxt Imageモジュールをインストールして有効にする必要があります：

npx nuxt module add image