Web サイトを表示したタブの左側に表示されるアイコンを favicon というが、それをこのサイトにも追加した。
素材は iconmonstr から持ってきて、白く縁取りしたあとに Favicon Generator. にて一括生成した。
ジェネレーターに favicon にしたい画像をアップロードすると、次のページで各プラットフォームごとの設定画面になる。必要な設定を入れたあと、 Generate を押すと Install your favicon の画面に映るので、 zip をダウンロードする。ルートディレクトリに favicon.ico を解凍し、他のファイルは static フォルダにぶち込んだ。 <head> に書くコードも丁寧に表示してくれているので、パスを間違えないように(今回は /static/~ になる)ヘッダーに追記。
無事デプロイしたら、サイトの URL を Favicon checker に入れてチェックする。無事設定した項目に反映されていれば成功だ。
当サイトでは無駄に Windows/Mac/Android/iOS 対応してある。
