変更履歴

Vercel の Image Optimization で発生していた追加コストを抑えるため、画像周りの仕組みを見直した。主な変更点は下記のとおり。

変更内容

• 静的幅の見直し
  一覧サムネイルを 640px 固定、詳細ページを 1280px/640px の 2 段構成に変更。
• クライアント側の最適化
  next/image を廃止して通常の img に切り替え、srcset を用いて Supabase Storage 上の派生画像を直接配信するようにした。
• アップロード時のプリプロセス
  sharp を使用して 1280px と 640px の WebP を事前生成し、長期キャッシュを付与して配信する仕組みに変更。再アップロード時だけ URL が変わるのでキャッシュも自動的に無効化される。

これらの変更により、表示速度と配信コストの両方が改善されています。今後も利用状況を見ながら最適なサイズを微調整していきます。***