Next.js:画像最適化
画像最適化
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
#Next.js-terminology
![http://example.com/image.png"](http://example.com/image.png"){kind=link}