faviconを設定したい
前回（自分のサイトのプロフィールページを公開した - [[ともっくす alloc] init]）に公開したWebサイトの，faviconを設定していなかったので，faviconの設定方法とかについてのメモ．
画像の準備
まず，16x16の画像を用意する．
ある程度の大きさの画像を作って，それを16x16のサイズに縮小する感じでいいでしょう．
でも，結構小さくなって，細部が潰れるから，しっかりと考える必要がある．
Macの場合，標準アプリの「プレビュー」でできる．
まず，faviconにしたい画像をプレビューで開く．
で，ツール > サイズを調整 を選択する．
サイズは16x16で，OK．
こんな感じで小さくなる．
で，ファイル > 書き出す を選択する．
ファイル名をfaviconにする．
そして，フォーマットを選択するときに，「option」ボタンを押しながらクリックする．
こうすることで，「Microsoft アイコン」が選択できるようになる．*1
（ただ，拡張子がicoになるだけだけど）
で，保存．
favicon.icoの設定
Apacheの設定ファイルに書く方法と，HTMLのHEADタグの中に書く方法があるが，後者を使う．
メリットとして，ページ毎に違うfaviconを設定できる．
自分みたいに，同じドメインで違うことがしたい場合にはいいかもしれない．
（いや，わからないけど）
設定方法は，favicon.icoを，http://hoge.com/static/favicon.icoに置いたとして，htmlのheadタグ内に，
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>ともっくす</title> <link rel="stylesheet" href="static/css/style.css" type="text/css" /> <link rel="shortcut icon" href="http://hoge.com/static/favicon.ico" /> </head> <body> （略） </body> </html>
みたいに書けばいい．
この部分．
<link rel="shortcut icon" href="http://hoge.com/static/favicon.ico" />
以上！
