Windows10 無料でBlogger用ファビコン（半透過マルチアイコン）を作る方法

公開日： 2016年5月10日火曜日 Blogger Web windows10 アプリ

Bloggerのレイアウト設定の「ファビコン」が気になったので調べてみました。

試しに、Windows10 標準アプリのペイントを使って一個作ってみたのですが、イラスト周囲の余白部分を透明にするのにちょっとコツが必要だったので、やり方を共有したいと思います。

ファビコンとは

Webブラウザのアドレスバーで、サイト名の横に表示されているマークのこと。例えば、Yahoo!だと「Y!」が表示されていますよね。あれがFavicon（favorite icon；お気に入りアイコンの略）です。

自分のブログにオリジナルマークを表示できたら、いっそうブログへの愛着がわいて楽しくなりますよね。

残念ながら、「ペイント」単体で周囲の余白部分のみを透過処理することができないようです。

代わりに、透過PNG画像作成ツールのようなサイトを使って、ソフトをインストールしないで、Web上で無料で透過処理を行います。

背景色と同じ色がアイコンデザインの内部に含まれている場合、そのまま透過処理を実施すると、中の色まで

一緒に透明になってしまいます（例：背景と数字の部分が白）。

そのため、透過させたい部分だけ、アイコンデザインで使用されていない色に変更してから透過処理を行ってください。

ファビコン favicon.icoを作ろう!を使えば、32x32ピクセルの原案を元にリサイズして、16x16と48x48ピクセルのマルチアイコン（.ico拡張子）が簡単に作れます。

それでは、さっそくBloggerダッシュボードの「レイアウト」→「ファビコン」でfavicon.icoをアップロードしてみましょう。

ファビコン設置後、直ぐに反映されない場合は、いったんWebブラウザを閉じて再起動してみてください。

ファビコンを更新した時は、キャッシュが残っていると変更前のファビコンが表示されてしまいます。その場合は、古いキャッシュを削除すると新しいファビコンが反映されます。

WebブラウザからBloggerの自分のブログのショートカットを作成し、自作ファビコンを簡単に設定できます。

ブログのショートカットキーに自作アイコンを設定する

https://～のブログ管理画面のショートカットを作成することはできませんが、自分のブログから管理画面に移動することができるので、すぐにログインできて便利ですよ。