faviconの背景透明化

ブラウザタブの一番左に表示されるファビコンの背景色を白ではなく透明にしたいという時の手順をメモします。

1.フォトショップに、ファビコンを保存できるプラグインをダウンロードします。

下記サイトの赤線枠から必要なファイルをダウンロードします。

 

2.ダウンロードしたファイルを、
Program Files の photoshop フォルダ内の「プラグイン」の「ファイル形式」フォルダの中にコピーします。(フォルダ名は、バージョンによって違いがあるみたいです。)

3.32×32px の背景透明のファビコンイメージを作成します。
(私の場合は、Fireworks で 32×32px の背景透明のPNGを作成してみました。)

4.フォトショップを起動し、3で作成したファビコンイメージを開きます。

5.「ファイル」→「別名で保存」を選択し、ファイル形式で「ICO」を選択します。

6.保存ボタンクリック後、ポップアップが表示されますので、
「Standard ICO」で保存します。

背景透明のファビコンの作成については、ここまで。

あとは、HTMLのheadタグ内に

と記載すればOKです!

コメントは受け付けていません。