ryo-rm https://blog.hatena.ne.jp/ryo-rm/ blog https://blog.k5a.dev/ Next.jsの next/image はデフォルトではサーバーサイドで画像最適化するので、 next export で静的サイトとして利用したい場合、画像最適化を無効化するか、 custom で指定する必要がある。 9月にリリースされた Next.js 12.3でImage Optimizationを無効化するオプションがStableで利用できるようになったが、画像最適化は行われない……。 ビルド時に画像最適化を行ってくれる next-image-export-optimizer というライブラリがあり、これを使ってみたのでメモ。 www.npmjs.com 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.k5a.dev%2Fentry%2F2022%2F12%2F04%2F230000" title="&quot;next export&quot; でも画像最適化したい！ - blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-12-04 23:00:00 rich https://blog.k5a.dev/entry/2022/12/04/230000 1.0 100%