<NuxtPicture>

原始檔
Nuxt 提供了一個 <NuxtPicture> 元件來處理自動影像最佳化。

<NuxtPicture> 是原生 <picture> 標籤的直接替代品。

<NuxtPicture> 的用法與 <NuxtImg> 幾乎相同,但它還允許在可能的情況下提供諸如 webp 等現代格式。

瞭解更多關於MDN 上的 <picture> 標籤.

設定

要使用 <NuxtPicture>,您應該安裝並啟用 Nuxt Image 模組

終端
npx nuxt module add image
閱讀更多關於 <NuxtPicture> 元件。