MACでFAVICON.ICOをつくる


chami.com FavIcon from Pics

SafariのURL表示の前につくアイコン(favicon)表示をせるためには?
まずfavicon.icoにしたい.jpg画像を作っておき、Chami.com FavIcon from Picsと言うサイトにいって作っておいた.jpg画像ファイルを選択し、Generate Favicon.icnをクリックするとディスクトップにfavicon.ico書類が出来上がっています。出来たfavicon.icoを自分のサイトにアップロードします。
faviconを表示させたいhtmlテキストの＜head＞から＜/head＞の間に以下タグをコピーペイストします。
<link rel="shortcut icon" href="favicon.ico" >
これでfavicon.icoが表示される訳ですが、うまく行かないことが多いです。
favicon.ico書類の名前を変えるとうまく行くことが多いと思います。
<link rel="shortcut icon" href="※※icon.ico" >
書類を※※icon.icoと言う名前にかえます。

追記
faviconのバックグラウンドを透明にするには、faviconにする画像のバックグラウンドを透明にしておく必要があります。画像ソフト（グラフィックコンバーターなど）で処理します。あと大事な事は、処理する画像の縦横比が1:1に成っていないと、少ない比の方に白の不透明部分が追加されてしまい、きれいなバックグラウンド画像アイコンには成りません。これも画像ソフトで先に縦横比が1:1に成るように処理をしておきます。もう一つfavicon作成サイトの設定が少し変更されています。

Posted: 火 - 4月 20, 2004 at 03:01 午後          

©