loading ...

January 22, 2009

Favicon設置致しました。

Faviconの作り方
アイコンエディタを使って16×16ドットのアイコンを作成し
favicon.icoという名前で保存する。
アドレスバーとお気に入りに入ると下のようになります。
今まで色々とやってみたのですが・・・出来ずに諦めていました。
ってかIE7にして見れなかったのかも。

オンライン上で生成してくれるサイトがありましたので、ご紹介。
favikon

Favicon

Favicon


1.Step1エリアにて画像を選択。
 選択方法は、Web上の画像のURLを打ち込む又は
 デスクトップ上の画像をアップする。

Step1エリアにて画像を選択

 Load Imageで右側のエリアに画像がアップされます。

Load Imageで右側のエリアに画像がアップ

2.Step2エリアにてFaviconにしたいエリアを選択。
 Faviconを作りたい画像にグレーエリアをドラックしながら選択。
 Capture&Previewで下のグレーエリアにサンプルが表示されます。

Faviconにしたいエリアを選択

画像にグレーエリアをドラックしながら選択

3.ダウンロード
 Capture&Previewボタンをクリックする。
 サンプルが表示され、その右側にDownload FaviconでFaviconがダウンロードされます。

Capture&Preview

4.favicon.icoをアップロードし、<head>~</head>

<link rel="shortcut icon" href="http://アイコンを置いたURL/favicon.ico" />

ファビコンを初めて設置した直後はすぐには表示されない場合があります。
何度かリロードしたり、キャッシュを削除してみてください。
faviconを更新した場合は古いキャッシュの削除が必要な場合があります。
また、ブックマークに登録して下さい。履歴を削除すると表示される場合もあります。
InternetExplorer7でのキャッシュ削除方法は、

メニューのツール ⇒ インターネットオプション ⇒ 閲覧の履歴 ⇒
削除 ⇒ インターネット一時ファイルの削除と履歴の削除

Related Entries

Trackback Pings

The URL of this entry(リンク用タグ付き):
 


関連記事からであればお気軽に・・・♪
ただし宣伝目的や無関係のエントリーからのトラックバックの場合は
削除させていただく場合もありますので、ご了承下さい。
トラックバックエラーによる重複はこちらで削除致しますので
削除依頼コメントは不要です。

Trackback URL for this entry:


Comments[2]

今晩は!!

便利なサイトがあるのですね。
ソフトをDLせずに出来るのが、有難いですよね。
色々便利になりましたよね

親こあらさま
本当に便利になりましたよね~。サイトを作るよりブログでアピールって事の
方が多くなりましたし~。
前からファビコンは作ってありましたが・・・中々表示出来ずにいたので嬉しいので
他のブログも付けました。

親こあらさま
僕、むちゃです。親こあらさまも僕が見えますか???親こあらさまのブログも
すなおさまのファビコンにしましょうよ~。

Post a Comment


Insert Emoddy tag

ご利用のブラウザ、設定ではコメントのリアルタイムプレビューはご利用になれません。