Vercel 上使用 Nuxt Image
為 Nuxt 應用提供即插即用的圖片最佳化功能。使用內建最佳化器或您喜愛的圖片 CDN 來調整和轉換圖片。
功能
<nuxt-img>
是原生<img>
元素的直接替代品<nuxt-picture>
是原生<picture>
元素的直接替代品。- 內建的圖片調整和轉換工具,採用 unjs/ipx
- 支援 20 多個提供商
- 生成響應式尺寸
- 使用現代格式(如 webp 和 avif)進行最佳化
- ... 以及更多
Nuxt 2
注意: 此分支是針對 Nuxt 3 相容模組的。要支援 Nuxt 2,請檢視 v0
分支。(公告)
貢獻
- 克隆此倉庫
- 使用
corepack enable
啟用 Corepack - 使用
pnpm install
安裝依賴 - 執行
pnpm dev:prepare
以生成型別存根。 - 使用
pnpm dev
在開發模式下啟動 playground。
📑 許可證
根據 MIT 許可證 釋出