[Gatsbyjs] Input file contains unsupported image format のエラーの対処法

gatsbyjs

2021-06-23

以下のエラーが出た場合

 ERROR #11321  PLUGIN

"gatsby-plugin-manifest" threw an error while running the onPostBootstrap lifecycle:

Input file contains unsupported image format

  Error: Input file contains unsupported image format

発生原因

faviconを変更したら発生。

解決方法

faviconの要件を満たすように変更。
今回はサイズが小さすぎました。

gatsby-plugin-manifestのドキュメント

IMPORTANT: For best results, if you’re providing an icon for generation it should be…

…at least as big as the largest icon being generated (512x512 by default). …square (if it’s not, transparent bars will automatically be added to make it square). …of one of the following formats: JPEG, PNG, WebP, TIFF, GIF or SVG.

← Prev Next →