Webサイトのファビコンを取得したい

🍟はじめに

ショートカットリンクを作成する際にリンク先サイトの favicon を利用したかった。
どうやって取得するのがいいのか調べたときのメモ。

調べた結果、次の3通り覚えとけばよさそう。

中でも Favicon Grabber がおすすめ。

Google の API で、指定したドメインの favicon を PNG 画像として表示してくれる。

Youtube の favicon 取得例

https://www.google.com/s2/favicons?domain=youtube.com

指定したドメインの favicon をダウンロード可能にしてくれる OSS のオンラインサービス。
https://favicongrabber.com にアクセスし、Webサイトのドメインを入力すればいい。
favicon の中から大きいサイズの画像を返してくれる。

また API も提供しており、favicon のURL一覧を JSON 形式で返してくれる。

API を使う例

https://favicongrabber.com/api/grab/youtube.com

https://<ドメイン>/favicon.ico にアクセスすれば favicon が表示されるので、それを保存する。
ICO 形式のまま欲しいときに用いる手法。

https://youtube.com/favicon.ico

favicon の設定方法は次の2通り:

👉 ほとんどのWebサイトでルートパス直下に置く方法を採用しているため、上記手法で favicon を取得できる。