Beginner Tech Blog

Beginner Tech Blog Branding

Image コンポーネント

2025/03/25 09:44updated: 2025/03/25 09:45

デバイスに合わせて、画像のサイズやフォーマットを最適化し、ファイルサイズを削減が見込めるので、画像のロード時間を短くしてくれるので、とても便利。

https://nextjs.org/docs/pages/api-reference/components/image
https://github.com/vercel/next.js/tree/canary/examples/image-component

ただ、もしVERCELの無料枠で収め隊などの場合は、避ける必要が出てくるかもしれない。
Image Transformations の無料枠が意外と小さく、上限を超えた場合は画像が表示されなくなってしまい支障がもろに出る。

Next/Image は cloudflare などでも使えるようなので、その辺りも選択肢になりうる模様。