バージョン 10 以降、Next.js には組み込みImage
コンポーネントが付属しており、画像の最適化と画像のサイズ変更の機能をレスポンシブに提供します。私はそれがとても好きで、私のウェブサイトで固定サイズの画像に使用しています。公式ドキュメントによると、幅と高さは必要な小道具ですlayout=fill
。
Image
幅と高さが事前にわからない場合でも、コンポーネントを使用したいと思います。画像の正確なサイズが不明な CMS からのブログ リソースがあります。この場合、Image
コンポーネントを使用する方法はありますか?
どんな助けでも大歓迎です。