Home > Web Site > faviconアイコン作成

faviconアイコン作成

先日faviconアイコンを自動で作成してくれるサイト見つけたのでfaviconアイコン作り直しました。
今のfavicon→今のfavicon
前のfavicon→前のfavicon

faviconアイコンを設定するとサイトを訪れてくれた人のブラウザでは
アドレスバー
こんな感じに自分の好きな画像をアイコンにできるんです。
お気に入りフォルダの中でも同様に表示できます。
IEの場合デフォルトはデフォルトアイコンこんなんですよね?
ちょっぴり自分のサイトを目立たせる事ができちゃいます♪

まずはアイコンにしたい画像を用意します。(gif,jpg)
サイズは大きくても大丈夫ですが正方形の方がいいですね。


画像が用意できたら↓のサイトへ

FavIcon from Pics

FavIcon from Pics

↑のSource Imageで画像を選んでPreviewで確認後OKなら"Generate FavIcon.ico"のボタンを押すだけで完成♪
Zipで圧縮されてるのでDLして解凍後出てきたfavicon.icoをサーバーにUPします。

後はテンプレートの<head></head>の間に以下のタグを追加してリビルドします。
メインインデックスのみでもいいですがワタシは個別アーカイブにも追加しました。

faviconってico形式のみだと思ってたんですが
↓のようにするとpng形式でもいけるそうです。
でもIEは対応してないそうですが…

<参照先>
favicon (ショートカットアイコン) のまとめ - PIROBLOG2

困った事にIEの場合対応が不安定で設定したアイコンが表示されたりしなかったりするんですよね…
そんな時はブラウザのキャッシュを削除すると復活する場合があります。
(インターネットオプションから削除できます。)

↓こんなソフトも発見しました。

naoFavicon4IE

お気に入りアイコンっていつのまにか消えてしまうんですよね。
IEで「インターネット一時ファイルを削除」なんかするときれいさっぱり消え去ってしまいます。
そんなときに「naoFavicon4IE」が役立ちます。IEのお気に入りに登録されている全てのサイトからお気に入りアイコンをダウンロードして登録しなおします。

因みに自分のPCのお気に入りフォルダ内のアイコンも自分の好みに変更できます。
デフォルトアイコンこればっかりだと面白くないですもんね…
アイコンの上で右クリック→プロパティ→アイコンの変更からです。

やりすぎるとかえってごちゃごちゃしてわかりにくくなりますけどね…

Home > Web Site > faviconアイコン作成

Search
Feeds

Page Top