RSS1.0 | Atom0.3
<< 【ドクターズサプリ】とは、医師が診察時に薬の処方とともに患者にすすめ・・・ | Top | 【結婚式 スピーチ】結婚式のスピーチでうっかり使いがちな忌み言葉 >>

スポンサーサイト

←クリック!

一定期間更新がないため広告を表示しています

←クリック!

| - | | Clips | Ranking

【ファビコン(Favicon)とは】ファビコンの設置、作り方、無料

←クリック!

ファビコンとは、皆さんのブックマーク(お気に入りメニュー)のページ名の横にある画像のことです。かわいいな、かっこいいなと思いながら、自分も設置したいと思ったことはありませんか?無料のブログでもファイビコンの画像を保存できれば設置することができます。



ファビコン(Favicon)とは?



ファビコン(Favicon)はウェブサイトやウェブページに関連付けられたアイコンのことです。もとの言葉は、フェイバリット・アイコン(Favorite icon)という英語でそれを訳したものがファビコンです。英語ではファブアイコン(Fav-icon)と読まれるそうですが、日本語圏ではファビコンとローマ字読みされています。

←クリック!

有名なサイトや大きいサイト、企業サイトでは、必ずといっていいほど、このファビコンが設置されています。この理由は、訪問者が、ファビコンのあるサイトを「お気に入り」に入れたたとき、サイトの特徴とファビコン画像の両方を記憶することで、お気に入りメニューからすぐに見つけ出せる効果があります。また、デザインが魅力的であればさらに記憶に残りますね。用はそのサイトのイメージ要素の一つと考えてもよいでしょう。

個人にファビコンは関係ない・・・とお思いの方もいるかもしれませんが、設置は簡単ですし、かわいいファビコンを無料で配布してくれているサイトも豊富にあるのでこの機会に設置してみてはいかがでしょうか?設置によって、再訪問率が高くなる可能性があります。



ファビコン(Favicon)の作り方



簡単なファビコン(Favicon)を作りたいときに便利なのが「Favicon.cc」です。エディターがブラウザ上にあり、簡単にアイコンを作ることができます。

作成したアイコンはダウンロードして使用でき、さらにクリエイティブコモンズのライセンスの下で公開することもできます。アイコンの一覧も公開されており、ファビコン(Favicon)をデザインする際の参考になります。



favicon.ico Generator



ファビコン(Favicon)の設置方法(指定方法)



HTMLのヘッダ部分(<head>と</head>の間)へ以下を指定します。

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">

<link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">


どちらか一方でも設置することができますが、両方指定するのが望ましいとされています。http://example.comとは自身のサイトのURLのことです。



簡単ファビコン(Favicon)のダウンロード&設置方法



ファビコンのデザインや作成が面倒であれば、ファビコン画像を無料で配布しているサイトもあります。以下は海外サイトですが、簡単にダウンロードすることができます。



Favicon Generator



左のサイトメニューの「Favicon Gallery」をクリックするとたくさんのファビコン画像があります。それをダウンロードしたら、以下のサイトで画像の拡張子を変更(png→ico)します。



FavIcon from Pics



サイト内のsource image の「参照」をクリックしてダウンロードしたファビコン画像を選択します。scrolling text と Animate Favicon は空欄でかまいません。次にGenerate Faviconをクリックするとicon形式のファイルがダウンロードできるようになります。ファイルの中ある「favicon.icon」をブログやHP・ウェブサイトのサーバーへアップします。無料ブログの場合は指定の画像フォルダにアップすれば完了です。



HTMLのヘッダ部分(<head>と</head>の間)へ以下を指定します。

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">

<link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">


どちらか一方でも設置することができますが、両方指定するのが望ましいとされています。http://example.comとは自身のサイトのURLのことです。



JUGEMテーマ:インターネット
| HTML(HyperText Markup Language) | 08:58 | Clips | Ranking

スポンサーサイト

←クリック!

←クリック!

| - | 08:58 | Clips | Ranking
コメントする









この記事のトラックバックURL
http://clips002.jugem.jp/trackback/342
トラックバック
オススメ!!!

・もう見れなくなったかな?
ランキング上位のオカマだけど・・・
は必見!

CATEGORIES
SELECTED ENTRIES
ARCHIVES
モバイル
qrcode
LINKS
SPONSORED LINKS