Vercel 上使用 Nuxt Image
为 Nuxt 应用提供开箱即用的图像优化方案。使用内置优化器或您喜爱的图像 CDN 调整和转换图片。
功能
<nuxt-img>可直接替代原生的<img>元素<nuxt-picture>可直接替代原生的<picture>元素。- 基于 unjs/ipx 的内置图像调整与转换工具
- 支持 20 多种供应商
- 生成响应式尺寸
- 使用 webp 和 avif 等现代格式进行优化
- ... 以及更多
安装
将 @nuxt/image 依赖添加到您的项目中
npx nuxt module add image
Nuxt 2
注意：此分支为 Nuxt 3 兼容模块。查看 v0 分支以获取 Nuxt 2 支持。（公告）
贡献
- 克隆此仓库
- 使用
corepack enable启用 Corepack - 使用
pnpm install安装依赖 - 运行
pnpm dev:prepare以生成类型存根。 - 使用
pnpm dev在开发模式下启动 演示环境。
📑 许可证
在 MIT 协议下发布