脱力系アフィリエイター
（幽）あべ工房
デス
ご来訪心より感謝申し上げます (・ω・)/ｱﾘｶﾞﾄｰｺﾞｻﾞｲﾏｽ
-----------------------------------------------------
山瀬まみが「ファミコン」って言うと
ふぁびこん
・・・というわけで
Favorite Icon
通称「ファビコン（Favicon）」の作り方です
あとアメブロへの設定方法
Q；ファビコンって何？
A；コレ↓です
Q；・・・なにかイイことあんの？
A；わかりません（爆）
なお、
アメブロに設置する場合、
「拡張子が"ico"のファイルをアップロードできる場所」
が別途必要となります
ファビコンは
① ファビコンに使用する16px×16pxの"ico"ファイルを作り
② これを任意の場所にアップロードし
③ ファビコンを設定するhtmlのヘッダに
<link rel="shortcut icon" href="icoファイルのURL" />
という記述を追加する
という手順で設定できますが
アメブロは拡張子が"ico"のファイルをアップロードできませんので
・icoファイルがアップロードできるブログサービス（FC2など）
・レンタルサーバ
等が別途必要となるわけです
では実際にやってみましょう(・∀・)/ｲｯﾃﾐﾖｰ
1 素材となる画像ファイルを「ペイント」で開きます
2 [選択]ツールで正方形になるよう範囲を整形します
※この時点で1辺の長さがなるべく16の倍数になるように調整しますが
メンドくさければムリしなくてもいいです
とりあえず正方形でさえあればよいので
3 選択範囲を右クリック⇒コピーします
4 [ファイル]⇒[新規]で新しいキャンバスを開きます
5 [変形]⇒[キャンパスの色とサイズ]でキャンバスのサイズを1px×1pxに変更します
6 3でコピーしていた選択範囲を貼り付けて保存します
保存形式はjpgあたりでよいでしょう
7 6で保存したファイルを http://www.eisbox.net/iconvert/ でWindows icon形式に変換します
⇒ 変換元の画像ファイルを指定して・・・
⇒ 変換完了
作成された画像ファイルのうち、「WWW Favicon (16x16)」をダウンロードします
8 7でダウンロードしたicoファイルを、しかるべき場所にアップロードします
なお、この「しかるべき場所」とは、レンタルサーバや、ico形式のファイルをアップロードできるブログサービス（FC2など）となります
9 アメブロの[フリースペースの編集]で一番最初の行に
<link rel="shortcut icon" href="icoファイルのURL" />
という記述を追加します
保存して完了
以上
まあ、カンタンですよね
（1～6はPicture Managerとか、GIMPでトリミングを使うともっと楽です）
では、イロんなブラウザで見てみましょう
▼FireFox Ver,3.6.10
OKですね
▼Opera Ver.10.61
これもOKですね
▼Safari Ver.5.0.1
まあOKですね
▼Google Chrone
アドレスバーには一切ファビコンが表示されないようです
▼Sleipnir Ver.2.9.4
OKですね
▼Lunascape Ver.6.3.1
・・・ダメですね(´・ω・`)
アメーバのファビコンは表示されてます
▼Internet Explore 8
OKですね
▼Internet Explore 7
こちらもOKですね
▼Internet Explore 6
・・・ダメですね(´・ω・`)
アメーバのファビコンも表示されません
調べてみたら
IE6の場合、一度キャッシュをクリアして、[お気に入り]に登録のうえブラウザを再起動し、[お気に入り]から開くと表示されるらしいです
Lunascapeもその類かもしれません
以上、
大変長々と失礼しました
興味のある方はぜひやってみてくださいね (・ω・)/ﾏﾀﾈｰ