スポンサーサイト
-- / -- / -- ( -- )
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。



スポンサー広告 | トラックバック(-) | コメント(-) | page top↑
ファビコンの作り方&設置方法のメモ(私家版)
2010 / 03 / 05 ( Fri )
お気に入りマークに出てくるちょっとした小さい画像「ファビコン(favicon.ico)」
久しぶりに思い出しながら作って見ましたが何だか上手い事行かなかったので
今後繰り返さないようにメモ。

'10.3/5現在調べたらフリーのサイトなどでファビコンが作れるという事に驚く。
なんて浦島現象。

しかーし、
環境によって上手く画像が透過されたりされなかったりしました。

フリーのファビコン変換サイトの場合マルチアイコン化がうまく対応されていない気がします。
お勧めはwinの「@icon変換」
他にもあるかもしれませんが多分比較しなくても良い程、楽。

細かい部分は違っていても作れると思いますがあくまで私は以下で作りました。

1.元になるデータを2種(16x16、32x32)、フォトショップなどで
透過状態でPNG形式で作る。
※48x48は環境がないので確認できませんでした。
あしからず。

2.「@icon変換」を立ち上げて作った2画像をドラッグする
ドラックした状態で画像を見ると透過されている事が確認できます。

3.ドラッグした画像を選択状態にして、「マルチアイコンに保存」をクリック。

4.うまく行っているか確認のため作ったアイコンを@ICON変換で開き直してみる。
うまく行っているとアイコン名表示が笑顔マークになっている。

5.サイトにアップロード
※環境によって正式の記入方法に準拠すると、なぜかうまく行かない場合(IEでそうでした)もあるのでその場合は記入を消す。


あと、ファビコンが表示されるトリガーとして「初めてブックマークされる」「画面の表示」があるようで
IEなどで古いブックマークなどが残っていると昔のファビコンが消えずに残ったままと言う事があります。
そんな理由で

faviconが表示されない場合
1.キャッシュだけでなく履歴もクリアしてみる。
2.ブラウザも再起動。


参考
@icon変換
http://www.vector.co.jp/soft/win95/amuse/se201729.html
http://www.towofu.net/soft/aicon.php

・ファビコン作成サイト
http://ao-system.net/favicon/

http://fnya.cocolog-nifty.com/blog/2007/08/iefavicon_79d8.html

http://www.favicon.jp/

http://d.hatena.ne.jp/hmiyaza1/20070603/1180808921
関連記事



PC | トラックバック(0) | コメント(0) | page top↑
<<日曜 | ホーム | モーニング読んだり>>
コメント
コメントの投稿













管理者にだけ表示を許可する

トラックバック
トラックバックURL
http://hibisousou.blog9.fc2.com/tb.php/4642-fdc64242
| ホーム |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。