2017年7月
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
フォト

Access解析


  • アクセスランキング

  • アクセス解析


ブログリンク

無料ブログはココログ

シニアのためのパソコン教室

BlogParts





書籍紹介

« Schindler's Lift 一文字違うと大違い! | トップページ | 今日は何の日だったの?06.09 »

2006.06.09

ブックマークにアイコンをつける方法!

ココログのサイトやヤフーのサイトを開くと、ブックマークの文字の(ページタイトル)横にアイコンがよく表示されていますけれど、これを表示する方法があります。
 KOROPPYの本棚の KOROPPIさんでご紹介されていましたので、アイコンの作り方をご紹介したいと思います。

 まず、画像関係を加工するソフト、たとえばphotoshop等を立ち上げます。
 1.キャンバスのサイズを 32×32ピクセルに設定します。
 2.次に、そのキャンバスを4倍サイズに拡大表示します。
 3.アイコンに設定したい文字や画像をキャンバスに収まるサイズで作成します。
  明るめに、そして、シャープにされた方が、綺麗に見えます。
 4.これでよいと思ったらば、Web用に、GIF形式で、保存します。

 5.画像をアイコンファイルに返還するサイト
  FavIcon from Pics http://www.chami.com/html-kit/services/favicon
    にアクセス。
 6.『Sourece Image』にある 参照 をクリックしたら Generate FavIcon.ico をクリック

 7.Download Favicon をクリックしてファイルをダウンロード。
 8.ファイルを解凍したら、フォルダー内の favicon.ico をアイコンをつけたいページのフォルダー内へ移動します。
 blogの場合
 ココログの場合は <link rel="shortcut icon" href="http://xxxxxx.cocolog-nifty.com/xxxx/favicon.ico">
ホームページの場合は<head>~</head>タグ内に下記のように記述します。
 <link rel="shortcut icon"href="favicon.ico">

試してみてくださいね。
※ちなみに ファビコンfaviconとは favorite icon=お気に入りアイコンの略。
WEBサイトを訪れた人が、そのサイトをブラウザの「お気に入り」に登録したときなどに、そのサイトのオリジナルデザインのアイコンが表示されるもの、これがファビコン。
favicon.icoとは:Windowsのアイコンファイル=.ico形式、32x32ドット 256色が原則

幸運の招き猫くまさんことくまボンでした!
Movable Type公式サイト

« Schindler's Lift 一文字違うと大違い! | トップページ | 今日は何の日だったの?06.09 »

コメント

この記事へのコメントは終了しました。

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/61851/10452024

この記事へのトラックバック一覧です: ブックマークにアイコンをつける方法!:

« Schindler's Lift 一文字違うと大違い! | トップページ | 今日は何の日だったの?06.09 »