【広告】

Amazonブラックフライデーが12月2日まで開催中です!

個人的には、Anker製品か、コカ・コーラがかなり安くなっているのでおすすめです!

高級キーボードで有名な東プレが最近発売した「REALFORCE R3」もセールをやっていました!詳しくはこちらの記事を確認してみてくださーい。

【Favicon Changer】ブックマークのアイコンを好きな画像に変更するChrome拡張機能の使い方

Chrome

Favicon Changer のアイコン

この記事では、ブックマークを好きな画像に変更できるChrome拡張機能「Favicon Changer」について書きます。

Favicon Changer のスクリーンショット

ブックマークのアイコンを好きな画像に変更できるChrome拡張機能です。

変更したいサイトを開いて、拡張機能ボタンから自由に変更できます。画像は、パソコン内に保存されているJPGやPNGが指定できます。

ドメイン単位か、個別ページのみの変更ができます。

Favicon Changer の読み方は「ファビコン チェインジャー」です。

提供元:Maxximum Creations
最終アップデート:1.0.3(2013年1月1日)

ダウンロード方法

Chromeウェブストアからダウンロードできます。

Chromeに追加をクリックします。

Chromeに追加

拡張機能を追加をクリックします。

拡張機能を追加

アイコンが追加されます。ダウンロードは以上です。

使い方

3つの流れでブックマークを変更できます。

  1. 好きな画像を用意
  2. Favicon Changer で画像を選択
  3. Change でアイコンを変更

好きな画像を用意

まずは、ブックマークアイコンの画像を用意します。既に用意している方は次に進んでください。

僕は、プライムビデオのアイコンを変えたいと思ったので、プライムビデオの画像をインターネットで検索して保存します。

プライムビデオの画像検索

保存したら、パソコンの好きな場所に移動します。僕はドキュメントの中にアイコン素材というフォルダを作成して、その中に入れてます。

プライムビデオのPNG画像

用意する画像のポイントは、正方形であまりぎゅうぎゅうに情報が詰まっていないことです。

あまりにごちゃごちゃしていたら、ブックマークにした時に画像がつぶれてしまいます。シンプルに色で判別できる程度の画像を用意しましょう。(プライムビデオなら青!みたいな感じ)

そもそもブックマークの表示サイズって相当小さいので、そこまでこだわらずにサイトのロゴとかが無難な気がします。

Favicon Changer で画像を選択

画像を用意できたら、次にアイコンを変更したいサイトを開きます。今回はプライムビデオのアイコンを変更したいので、プライムビデオを開きます。

プライムビデオのサイトを開く

【スポンサーリンク】プライムビデオの1ヵ月無料お試し

サイトを開いたら、Favicon Changer のアイコンをクリックして、左下の「Browse」をクリックします。

Favicon Changer のBrowse をクリック

画像を選ぶ画面が表示されるので、先ほど保存した画像を選んで「開く」をクリックします。

画像を選択

Change でアイコンを変更

画像を選択したらドメインレベルの変更(Entire Site)か、個別ぺージの変更(Single Page)かを選択します。

Entire SiteかSingle Pageかを選択
項目意味
Entire Siteドメインレベルの変更
例:ナポリタン寿司のPC日記全体のアイコン変更
Single Page現在開いているページのみの変更
例:ナポリタン寿司のPC日記のこの記事だけアイコン変更

よく分からない場合は、「Single Page」が無難です。プライムビデオだと、作品詳細画面のアイコンも変更したいので、Entire Site にしています。

選択できたら、右側の「Change」をクリックします。

プライムビデオのアイコンが変更されました。

プライムビデオのアイコンが変更された

アイコンを元に戻す

ブックマークアイコンを変更したサイトを開きます。

Favicon Changer アイコンをクリックすると、変更した画像が表示されているのでクリック → Remove をクリックします。

変更したブックマークアイコンを元に戻す

アイコンが元に戻ります。

もしかしたら元のアイコンではなく、一旦白紙になるかもですが、ページのリロードをすると元に戻ります。

まとめ

以上、ブックマークアイコンを好きな画像に変えることができるChrome拡張機能Favicon Changer についてでした。

たまに白紙のサイトがあるので便利ですね。

Posted by ナポリタン寿司