EN

画像最適化

Nuxt UI template の Nuxt Image 統合と静的出力時の境界です。

画像最適化

Nuxt Image は利用できますが、すべての画像が自動最適化されるわけではありません。 公式テンプレートは @nuxt/image を導入し、<NuxtImg>/<NuxtPicture> でリサイズや 形式変換を指定できます。通常の Markdown 表示だけでは変換実行の証拠になりません。

Nuxt UI template の公開画像例

静的プロバイダーでは変換結果をビルド時に生成できる必要があります。この SVG は安定した 公開 URL を保つため raw <img> を使っており、圧縮性能の証明ではなく配置確認用です。