Local環境でmicroCMSのtiff画像が表示されない。
Published on October 12, 2024
Category: メモ
結論
Production・Local環境を揃えるためには、srcプロパティに対して、
下記のようにパラーメーターをつけることでmicroCMSを使用したLocal環境でtiff画像を使うことができる。
src={`${blog.eyecatch.url}?fm=webp`}
参照:https://document.microcms.io/image-api/format
現状
- Production環境でmicroCMSで取得しているtiffは表示されているが、Local環境ではtiff画像が表されていない。
検証
- 環境による原因の切り分け調査
前提
- 実装:Image(next/image)を用いて画像を参照している。
- microCMSを使用していないnextjsの別プロジェクトでtiff画像が参照できるか?
結果
- microCMSを用いたLocal環境上では、フォーマット処理が何らかの原因で動いていないことが考えられます。
- 開発環境における挙動の違いが原因と思われます。