📖 解説を見る

🖼️ 画像を自動最適化しよう

next/image の Image コンポーネントは、画像を自動でWebP変換・遅延読み込み・サイズ最適化してくれます。
通常の <img> タグより大幅にパフォーマンスが向上します。

ヒントを見る

src・alt・width・heightの4つが基本属性。fillとpriorityの使いどころも覚えよう