Next.js では、画像の表示については、Image タグの利用が推奨されています。
この Image タグは、width と height が必須となっています。
しかしながら、この項目を省略したい場合がありますが、省略すると、下記の警告が表示されます。
1 |
Image with src "....." has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: "auto"' or 'height: "auto"' to maintain the aspect ratio. |
この解決方法について、詳しくまとめられているサイトがありました。
覚書として、記載させていただきます。
Next.js は楽しい!
でも、情報が少ないこともありますね。
でも、情報が少ないこともありますね。
Next.js 13のnext/image(next/future/image)へ移行する
Next.js 13のnext/image(next/future/image)へ移行する | エビスコム - EBISUCOM
Next.js 13のnext/imageは、Next.js 12では「next/future/image」と呼ばれていたものです。Next.js 1…