Create Branch

Local環境でmicroCMSのtiff画像が表示されない。

Published on 2024年10月12日

メモ

結論

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環境上では、フォーマット処理が何らかの原因で動いていないことが考えられます。
  • 開発環境における挙動の違いが原因と思われます。
hirotobeat