青い鳥を取り戻す！ブックマークなどのファビコン画像の変更

ファビコンは、Chrome のタブやブックマークの左側に表示されるサイトのアイコン画像です。

ファビコンは、ウェブブラウザのブックマークやタブに表示される画像なので、探す時間など作業効率にも影響を与えます。

このファビコンは、ローカルで変更することが可能です。

ブックマークを探すのに時間がかかる場合などは、ローカルのファビコン画像をカスタマイズすることで、ストレスを減らすことが期待できます。

今回は、2023 年 7 月 24 日の夜にツイッターから消されてしまった青い鳥のファビコンを例にして、ウェブブラウザ Chrome のブックマークやタブに青い鳥の画像を表示する手順を紹介します。

※ Chorme のバージョンは 115.0.5790.102（Official Build）（64 ビット）です。

青い鳥の画像の取得
ローカルでのファビコンの変更
1. Favicon Changer 拡張機能の概要と説明
2. Favicon Changer 拡張機能の追加
カスタマイズした Chrome スタートページのファビコンは不安定
ファビコン画像のリセット方法
まとめ
参照サイト Thank You!

青い鳥の画像の取得

差し替えるファビコン画像を用意します。
今回は「青い鳥」のファビコン画像を取得します。

Twitter 公式サイト「About Twitter | Our logo, brand guidelines, and Tweet tools」から規約に則って「青い鳥」の画像をダウンロードします。
＃もしもサイトが閉鎖されていたら、自分で青い鳥を描いたりフリー素材を探してみましょう。

最新ではありませんが、規約の日本語訳については他サイト様「Twitterのロゴをダウンロードする方法 – 利用規約も日本語訳で解説 | マイナビニュース」などを参考にしてください。

ダウンロードした zip ファイルを解凍すると、さまざまな形式やパターンの「青い鳥」の画像ファイルがあります。
筆者は「Twitter social icons – circle – blue.png」形式の画像をファビコンに適用します。

ローカルでのファビコンの変更

Chrome の拡張機能を使うとブックマークやタブのファビコンをローカルで変更できます。

Favicon Changer 拡張機能の概要と説明

Chrome 拡張機能「Favicon Changer」の概要の英文の引用と Google 翻訳です。
日本語訳の今回重要視する部分は太字に装飾しています。

様々な画像形式に対応し、ファイルやフォルダを公開することなく安全に、ブックマークやウェブページのファビコンを変更できます。

期間限定でテスト用にダウンロード可能とありますが、 2013 年の拡張機能で利用者も 20,000 人以上なので気にしなくてよいと筆者は考えました。

Windows 用なので他の OS の方はご注意ください。

Lets you change favicons for your bookmarks, single webpages and entire websites.

No more blank icons next to your bookmarks.

Customize favicons for almost any webpage or website.

Choose favicons for a single page or the entire site.

No complex regular expressions to match urls with.

Changes favicons on all your bookmarks and tabs without needing to refresh.

Use almost any image format, from the internet, or your computer.

Automatically resizes your images to favicon size and provides a preview.

Updates old or outdated favicons that are stuck in the cache.

Choose your own default favicon to use if none exists.

Choose to remove all favicons, using one favicon for everything.

Add favicons for links that are not webpages, such as pictures, songs or videos.

Add favicons for links on your local hard drive as well.

No need to mess around with confusing configuration files.

A safe and secure extension that does not reveal your folders or files.

Fully featured options page with multiple views and choices.

Easy to use interface with detailed error handling.

Saves all your settings and loads them automatically.

Simple interface with intuitive features and options.

Use as a manager and organizer for all your custom bookmark favicons.

Limited time offer: Free to download for testing.

Usage details: Designed for Windows. Does not work with Mac.

If you have any problems or recommendations, please let me know and I will try to fix them.

Any feedback over bugs or requests for improvements are welcomed.

If you like the extension and find it helpful, please comment and rate it.
ブックマーク、単一の Web ページ、Web サイト全体のファビコンを変更できます。
- ブックマークの横に空白のアイコンが表示されなくなりました。
- ほぼすべての Web ページまたは Web サイトのファビコンをカスタマイズします。
- 単一ページまたはサイト全体のファビコンを選択します。
- URL を照合するための複雑な正規表現はありません。
- すべてのブックマークとタブのファビコンを更新せずに変更します。
- インターネットまたはコンピュータからのほぼすべての画像形式を使用します。
- 画像のサイズをファビコン サイズに自動的に変更し、プレビューを表示します。
- キャッシュ内に残っている古いまたは期限切れのファビコンを更新します。
- デフォルトのファビコンが存在しない場合に使用する独自のデフォルトのファビコンを選択します。
- すべてに 1 つのファビコンを使用して、すべてのファビコンを削除することを選択します。
- 写真、曲、ビデオなど、Web ページではないリンクにファビコンを追加します。
- ローカル ハード ドライブ上のリンクのファビコンも追加します。
- わかりにくい設定ファイルをいじる必要はありません。
- フォルダーやファイルを公開しない安全な拡張機能。
- 複数のビューと選択肢を備えた完全な機能を備えたオプション ページ。
- 詳細なエラー処理を備えた使いやすいインターフェイス。
- すべての設定を保存し、自動的にロードします。
- 直感的な機能とオプションを備えたシンプルなインターフェイス。
- すべてのカスタム ブックマーク ファビコンのマネージャーおよびオーガナイザーとして使用します。
- 期間限定オファー: テスト用に無料でダウンロードできます。
- 使用方法の詳細: Windows 用に設計されています。 Macでは動作しません。
- 問題や推奨事項がございましたら、お知らせください。解決できるよう努めます。
- バグに関するフィードバックや改善のリクエストは歓迎されます。
- この拡張機能が気に入って役に立ったと思われる場合は、コメントして評価してください。
Favicon Changer – Chrome ウェブストア

Favicon Changer 拡張機能の追加

Chrome ウェブストアから「Favicon Changer」のページに移動して、その拡張機能を追加します。

確認ダイアログで「拡張機能を追加」ボタンを押します。

Favicon Changer 拡張機能が追加されました。

拡張機能をツールバーから簡単に利用できるように、Chrome ウェブブラウザの右上の「拡張機能」ボタンを押して、リストの Favicon Changer の項目をピン止めします。

ファビコンを変更したいサイトを開いた後、ピン止めしたツールバーの Favicon Changer ボタンを押します。
表示されたドロップダウンの中の Browse ボタンを押して差し替えるファビコン画像を選択します。
※ファビコン画像ファイルを移動すると反映されなくなる可能性があるので、後述のとおり固定した場所に保存してある画像ファイルを選択してください。

差し替えるファビコン画像のファイルを選択して開くボタンを押します。

New Favicon の部分に画像が読み込まれたのを確認して Change ボタンを押すと、ブックマークやタブのファビコン画像が変更されます。
※ Entire Site を選択している場合は、そのサイト全体に適用されます。

成功すると Favicon Changed とメッセージが表示されます。

ファビコン画像を変更すると、 Chrome のブックマークやタブのアイコンが指定した「青い鳥」の画像に変更されました。
＃ローカル限定だけど、おかえり！青い鳥！

カスタマイズした Chrome スタートページのファビコンは不安定

Chrome 標準のブックマークのアイコンは以下のように問題なく変更できました。

しかし、カスタマイズしたスタートページのブックマークのファビコンは、そのアプリ依存の問題かもしれませんが、ファビコン画像がデフォルトに戻ることもありました。

ファビコン画像のリセット方法

変更前の従来のファビコン画像に戻す場合は、そのサイトを開いてから、 Favicon Changer 拡張機能のボタンを押して、ドロップダウン下側のファビコン画像が表示されている枠をクリックして、さらにドロップダウンした後の Remove ボタンを押します。

まとめ

今回は Chrome ウェブストアから追加できる「Favicon Changer」拡張機能を Chrome ウェブブラウザに追加して、ブックマークやタブに表示されるサイトごとのファビコン画像を変更・リセットする手順を紹介しました。
ファビコン画像が変わって、ブックマークやタブを探しづらくなった場合に好きな画像に変えることで作業効率の向上が期待できます。
また、青い鳥がいなくなって寂しい某ユーザーの方たちにもおすすめです。