Favicon(ファビコン)を設置してみよう!


 

 

Favicon(ファビコン)の設置方法についての

問い合わせが多くなってきたので、

もう一度、順を追って説明しましょう。

 

 

全画面キャプチャ 20140116 210844

 

ファビコンというのは、

ウェブサイトのシンボルマーク・イメージとして、

ウェブサイト運営者がウェブサイトに配置する

アイコンの俗称ですよ。

 

Amazonなら、小文字のaの下に円弧の矢印。

facebookなら、青地に白のfの文字。

楽天は、赤字にRの白文字。

また、企業のホームページなども

ファビコンを設置している所も多くありますね。

 

このブログにも、ティピーテントの形をした

ファビコンを設置しています。

 

 

全画面キャプチャ 20140116 210032

 

ページを表示したとき、アドレスバーの

先頭部分に表示される小さなアイコンがそうです。

 

私の場合は、Windows標準装備の

「ペイント」を使って、フリーハンドで

黄色いティピーテントを描いてみました。^^

 

それを、Jtrimを使って、16X16ピクセルに縮小。

 

さらに、http://favicon.htmlkit.com/favicon/で、

画像ファイルを.icn形式に変換。

 

全画面キャプチャ 20140116 210455

 

変換してできた画像ファイルを、

マイサーバーにアップロードします。

 

 

全画面キャプチャ 20140116 202613-1

 

 

あとは、自分のサイトのヘッダ部分に、

上のようなパスを追加して、セーブしたら出来上がり。

 

自分のサイトを、タスクバーに格納しても

デスクトップに貼り付けても

オリジナルアイコンが表示されます。

 

全画面キャプチャ 20140117 174400

 

中でも、このように「お気に入り」を表示すると

大手のサイトと並んで、マイファビコンが表示される。

なんかプロっぽいじゃないですか?

 

簡単にオリジナリティが出せるので、オススメですよ^^

 


「Favicon(ファビコン)を設置してみよう!」への5件のフィードバック

    1. ケース家さん
      なんと!親切なサイトですね!
      アドレスもlivedoorとか入ってないので、シンプルでいいですね。
      私も、年末のドタバタで、一応引越ししてるんですよlivedoor(笑)

  1. 実は、私も年賀状に i-YOブログのURLのまま印刷していました。
    年賀状を出してから 直しておけば良かったと気がついたしだいです(^^;)

    1. セイコウさん
      I-yoの連絡、遅すぎますよねぇ。暮れの27日ですからねぇ。
      上手に運営すれば、採算も取れるだろうし、みんな熱心だったから、いいコミュニティーになると思うんですけど・・・。
      セイコウさんに、引き継いで運営してもらいたかった(笑)
      もう、みんな引っ越してしまって、手遅れですか・・・?^^

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です