いっぱい物足りない状態が続いてる「ほぐれスライム」。
頭の中には「そのうちやるリスト」があるんだけど、そこから漏れてるヤツがいた。
そう「favicon（ファビコン）」！
アイツって、どうでもいいけどほっとけないｗ
「そのうちやるリスト」に入れたら一生忘れそうだから、先片付けちまうか。
Favorite icon（フェイバリット・アイコン）略してFavicon
今まで「ファビコン」って発音してたけど、英語圏では「ファブアイコン（Fav-icon）」て読むってさっきウィキペディアで読んだｗ
でも慣れ親しんだ「ファビコン」がいい。
今後忘れないように、メモメモと。
Photoshopで作るには
Photoshopだと、.ico ファイルが作れないってことで一筋縄じゃない。
どうやらWindows icon形式で保存できるようにするプラグインを拾ってくるといいらしい。
ICO(WINDOWS ICON)FORMAT現在つながらず
マルチアイコン化
ひとつの .ico ファイルで「16×16pixel」「32×32pixel」「64×64pixel」に対応した「マルチアイコン」ってのをつくる。
マルチアイコンは @icon変換 を使えば一発で作成可能。
ん？ @icon変換 の仕様・・・
読み込みは ICO/BMP/PNG/PSD/ICL/EXE/DLL、書き出しは ICO/BMP/PNG/ICL に対応しています。
おおっ！プラグインいらずじゃん！
これ、どうやら背景レイヤー1枚だけだと読み込まないみたい。
そこだけ気をつければ問題なし。しかも、レイヤー別に読み込んでくれるから.psdも1ファイルで済む。
サイトに反映させるには
ここのくだりはWikipediaを参考にさせてもらおう。
HTMLやXHTMLで指定する方法
HTML/XHTML内でFaviconを指定するにはhead要素の中でlink要素を次のように用いる。単独でも効果はあるが、両方指定するのが望ましいとされる。
- <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” />
ふむふむ
一行追加しとくか・・・
ファイル名の決まりは特にない。また、ファイル形式の決まりもなく、ウェブブラウザが認識する形式であればどのようなフォーマットを用いても良い。
なにっ！？
.ico じゃなくても良かったの？？？？
.gif とか .png でもいいんかっ
ただし、Internet ExplorerはICO形式しか認識しない。
あ、そういうことかｗｗｗｗｗ
じゃ、IEのために手間かかる方でやっとくか。
Related Posts
No related posts.
