Next.jsでfaviconを設定する

画像の設定方法

appディレクトリの直下に「favicon.ico」というファイルを置けば設定ができる。

Next.jsのデフォルトでアイコンが設定されていると思うが、置き換えればfaviconを差し替えることができる

faviconの作成方法

Adobe Expressとfavicon作成ツールを利用した。元となるpng画像は正方形で作成したあと、丸角で切り抜きをした。Canvaだと背景透過が無料では作成できなかった。