urlの左にアイコン表示

解決済

質問者：6rakumo
質問日時：2009/01/15 15:59
回答数：2件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： mezashi2000
回答日時：2009/01/15 16:11

たぶん、favicon.ico(ファビコン)の事かと思います。

http://www.tagindex.com/hp_guide/img/favicon.html
ここなんかは参考になるかもしれませんね。

http://favicon.webmeister-jp.com/
ここは日本語の変換サイトです。

簡単に書くと
１．16x16のJPEG、GIF、PNG、BMPの画像を作成する
２．上記のサイトでicoファイルに変換する
３．できたicoファイルをサーバーにアップする
４．<head>～</head>にFaviconを指定するタグを書く

という感じです。

参考URL：http://www.tagindex.com/hp_guide/img/favicon.html

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2009/01/15 18:25

No.2

回答者： dezimac
回答日時：2009/01/15 16:17

あれはファビコン（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/