image
@nuxt/image

プログレッシブ処理、遅延読み込み、サイズ変更、プロバイダー対応の画像を追加します。

nuxt-image-social-card

npm versionnpm downloadsLicenseNuxtVolta

Nuxt Image

Nuxtアプリのためのプラグアンドプレイ画像最適化。組み込みのオプティマイザーまたはお気に入りの画像CDNを使用して、画像のサイズ変更と変換を行います。

機能

  • ネイティブの<img>要素の代替となる<nuxt-img>
  • ネイティブの<picture>要素の代替となる<nuxt-picture>
  • unjs/ipxによる組み込みの画像リサイザーと変換機能
  • 20以上のプロバイダーをサポート
  • レスポンシブサイズの生成
  • webpやavifなどの最新フォーマットを使用した最適化
  • ...その他

Nuxt 2

注意: このブランチはNuxt 3互換モジュール用です。Nuxt 2のサポートについては、v0ブランチをご確認ください。(アナウンス

コントリビューション

  • このリポジトリをクローンする
  • corepack enable を使用して Corepack を有効にする
  • pnpm installを使用して依存関係をインストールする
  • pnpm dev:prepare を実行して型スタブを生成する。
  • 開発モードでプレイグラウンドを開始するにはpnpm devを使用してください。

📑 ライセンス

MITライセンスの下で公開されています