Requiredな引数
| 引数名 | 説明 |
|---|---|
| src | 画像のpath (例: https://...みたいな) |
| width | 画像の幅 |
| height | 画像の高さ |
Optionalな引数
| 引数名 (太文字は重要) |
説明 |
|---|---|
| layout | viewportが変化したときの画像のサイズを指定する |
| loader | next.config.jsに設定を加えるとデフォルトのローダーが上書きされる(画像を読み込んでくれる処理という認識です) |
| sizes | 異なるブレイクポイントで画像がどの程度の幅になるかの情報を提供する文字列を指定(例: sizes="50vw"),sizesがないとパフォーマンス低下するので注意。 |
| quality | 最適化される画像の質(デフォルトが75) |
| priority | 画像読み込みを優先度高めてpreloadする(LPC要素と判断される) |
| placeholder | 画像を読み込んでいる時に表示する画像を設定できる |
sizesがないとパフォーマンス低下
preloadする
LPC要素について
Next.jsの公式
API_Reference
Basic Feature