MDXで画像を使う実験

はじめに

この記事は、MDX ファイル内で画像を扱う方法を検証するための実験的な記事です。

Astro の Image コンポーネントで表示

astro:assets の Image コンポーネントを使うと、画像が自動的に最適化されます。

Markdown 標準構文で表示

Markdown の標準的な画像構文でも、コロケーションされた画像を参照できます。

まとめ

• Image コンポーネント: 最適化（WebP変換、サイズ指定）が自動で行われる
• Markdown 構文 ![alt](./path): シンプルだが、Astro が自動で最適化してくれる