Next.js:画像最適化
画像最適化(image optimization)
Image タグ
code:js
import Image from 'next/image'
<Image
src="http://example.com/image.png"
height={400}
width={600}
/>
ページ表示時に必要なサイズへリサイズされ無駄がなくなる
WebP の画像フォーマットへ変換してくれる
高速に画像を提供することができる
Next.js:image optimization
https://img.shields.io/badge/Next-画像最適化-black?style=for-the-badge&logo=next.js&logoColor=white#.svg