image
@nuxt/image

添加具有渐进式处理、延迟加载、大小调整和提供商支持的图像。

nuxt-image-social-card

npm versionnpm downloadsLicenseNuxtVolta

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