ブラウザタブの一番左に表示されるファビコンの背景色を白ではなく透明にしたいという時の手順をメモします。
1.フォトショップに、ファビコンを保存できるプラグインをダウンロードします。
2.ダウンロードしたファイルを、
Program Files の photoshop フォルダ内の「プラグイン」の「ファイル形式」フォルダの中にコピーします。（フォルダ名は、バージョンによって違いがあるみたいです。）
3.32×32px の背景透明のファビコンイメージを作成します。
（私の場合は、Fireworks で 32×32px の背景透明のPNGを作成してみました。）
4.フォトショップを起動し、3で作成したファビコンイメージを開きます。
5.「ファイル」→「別名で保存」を選択し、ファイル形式で「ICO」を選択します。
6.保存ボタンクリック後、ポップアップが表示されますので、
「Standard ICO」で保存します。
背景透明のファビコンの作成については、ここまで。
あとは、HTMLのheadタグ内に
|
1 |
<link rel="shortcut icon" type="image/x-icon" href="ファイルパス/favicon.ico" /> |
と記載すればOKです！