結論
next/imageコンポーネントをインポートし、qualityの値を調整します。
調整方法
qualityの値は、1〜100まで指定可能。
default値は、75。
qualityは、画像毎に設定することができます。
import Image from 'next/image'
<Image src="" quality={100} width={} height={} />
サンプル
quality100の場合
quality75の場合
quality30の場合
quality10の場合
参照先
next/imageコンポーネント
使用画像のソース
↧