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 许可证 发布