2007年06月25日
3Dの立体Favicon｢facivon2dots｣
Posted by Hibi at 11:34
Faviconって知っていますか？
インターネットでWebサイトを見ていると時々ブラウザのタイトル部やアドレスバーの横に小さな画像(アイコン)が表示される時があります。その画像のことをファビコン(Favicon)といい、サイトに関連付けられたサイトオリジナルの画像です。サイトのワンポイントみたいなものですね。
Faviconが設定されていないとブラウザのFaviconが表示されたり、何も表示されない時があります。
当サイトでもFaviconは設定しているのですが、IE(InternetExplorer)では表示されません。通常、Faviconは｢favicon.ico｣とするのですが、当サイトでは拡張子が｢*.ico｣のファイルがアップロードできないので｢favicon.gif｣としています。Firefoxの場合は拡張子を無視して表示してくれるのでFirefoxの場合は表示されます。
このFaviconは16x16、32x32、64x64、128x128のいずれかのサイズで作られているのですが、一般的には(多分)16x16で作られます。
Faviconはこだわる人はこだわるのですが、かなり小さな物なので気が付かない人は気が付きません。よく気が付く時というのはそのサイトを｢お気に入り｣に登録するとそのサイトのタイトル、URL以外にこのFaviconも登録されるのでその時に気が付く人もいるのではないでしょうか。
さて、このFaviconをドットの3Dの立体画像に変換してくれるサイト｢facivon2dots｣があります。
このサイトのテキストボックスに指定のURLを入力し｢2dots!｣ボタンをクリックするとそのサイトで使用しているFaviconをドット形式の3Dで表示してくれます。試しにこのサイトを入力して｢2dots!｣ボタンをクリックしてみたところ下記のようなサイトが生成されました。
favicon2dots
Faviconとは
IEで表示されたFavicon
(クリックで拡大)
(クリックで拡大)
Faviconが設定されていないとブラウザのFaviconが表示されたり、何も表示されない時があります。
当サイトでもFaviconは設定しているのですが、IE(InternetExplorer)では表示されません。通常、Faviconは｢favicon.ico｣とするのですが、当サイトでは拡張子が｢*.ico｣のファイルがアップロードできないので｢favicon.gif｣としています。Firefoxの場合は拡張子を無視して表示してくれるのでFirefoxの場合は表示されます。
Faviconのサイズ
このFaviconは16x16、32x32、64x64、128x128のいずれかのサイズで作られているのですが、一般的には(多分)16x16で作られます。
Faviconはこだわる人はこだわるのですが、かなり小さな物なので気が付かない人は気が付きません。よく気が付く時というのはそのサイトを｢お気に入り｣に登録するとそのサイトのタイトル、URL以外にこのFaviconも登録されるのでその時に気が付く人もいるのではないでしょうか。
3Dの立体Faviconを生成
さて、このFaviconをドットの3Dの立体画像に変換してくれるサイト｢facivon2dots｣があります。
このサイトのテキストボックスに指定のURLを入力し｢2dots!｣ボタンをクリックするとそのサイトで使用しているFaviconをドット形式の3Dで表示してくれます。試しにこのサイトを入力して｢2dots!｣ボタンをクリックしてみたところ下記のようなサイトが生成されました。
favicon2dotsで作ったHibi日記の3D Favicon
(クリックでサイトへジャンプ)
(クリックでサイトへジャンプ)
favicon2dots
Category is WEB全般.
前の記事
<%PingBlogName%> at <%PingDateTime%>
画像一覧 
ちなみにmac-osx10.3.9のsafari&firefoxではアイビースターのfaviconがキチンと表示されてますよ。
コメントありがとうございます。
> ちなみにmac-osx10.3.9のsafari&firefoxでは
> アイビースターのfaviconがキチンと表示されてますよ。
ありがとうございます！m(__)m
さすがMacユーザ！
Macのことはお任せですね。
これからもよろしくお願いします。(^_-)-☆
(いろいろとね)