• ベストアンサー

urlの左にアイコン表示

HPを ビルダー11とcssの手打ちで製作しているところです。 (1) url・タブ・ブックマークしたページ名 それぞれの左側に アイコンを表示させたいと思うのですが、やり方がわかりません。 (このページだとオレンジのバックに OK の文字のロゴがありますよね。) head の部分に画像の参照先が記されていること位しかわかっていません。 手打ち、ビルダー上の操作 いずれでも構いません。 (2)使用するアイコンのサイズとして、どれ位が適当なんでしょうか? よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

たぶん、favicon.ico(ファビコン)の事かと思います。 http://www.tagindex.com/hp_guide/img/favicon.html ここなんかは参考になるかもしれませんね。 http://favicon.webmeister-jp.com/ ここは日本語の変換サイトです。 簡単に書くと 1.16x16のJPEG、GIF、PNG、BMPの画像を作成する 2.上記のサイトでicoファイルに変換する 3.できたicoファイルをサーバーにアップする 4.<head>~</head>にFaviconを指定するタグを書く という感じです。

参考URL:
http://www.tagindex.com/hp_guide/img/favicon.html
6rakumo
質問者

お礼

ご回答ありがとうございます。 これなら簡単に作れそうです。 サーバー業者もどれにするかを考えていたのですが、 リンクをたどって、知らなかった業者も見つけられて 一石二鳥でした。

その他の回答 (1)

  • dezimac
  • ベストアンサー率56% (2365/4208)
回答No.2

あれはファビコン(Favicon)と呼ばれています。 1) ヘッダー以下の一文を追加するだけ。 <link rel="shortcut icon" href="ファビコンのURL"> 2) 16×16ドットです。 細々と実写的に細かくやろうとすると訳分からないものになります。 ファミコンのドット絵や道路標識のように、抽象的に(単純化した)ほうがいいですよ。 使い慣れたソフトで作って変換ソフトやサイトでファビコン(.ico)に変換するだけです。 http://www.favicon.jp/ http://www.tagindex.com/hp_guide/img/favicon.html http://favicon.webmeister-jp.com/

6rakumo
質問者

お礼

ご回答ありがとうございます。 意外に簡単に作れそうですね。 名前がわからなかった為 ここで聞くしかありませんでした。

関連するQ&A