• ベストアンサー

アドレスの横にあるアイコン?を変更する方法を教えてください。

なんと表現したらよいかわかりませんが、ブラウザのアドレスバーや、タイトルバーのところに表示されるアイコン?(ヤフーだとY、ベクターだと猫)を設定する方法(HTML等の記述方法)を教えてください。 HTMLソースをみてもそのようなものは見当たらないのでもしかしてHTMLコードではないかも知れません。 ご教授いただければ幸いです。よろしくお願いします。

  • HTML
  • 回答数4
  • ありがとう数5

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

  • ベストアンサー
noname#56851
noname#56851
回答No.4

favicon用の原画は、32×32で作った方が良いようです。 それを、たとえばここで http://tools.dynamicdrive.com/favicon/ faviconを作る時。 Merge with a 32x32 desktop icon にチェックを入れておいた方が良いと思います。

hola1973
質問者

補足

回答ありがとうございます。 まだ詳細は調べていませんが、faviconを作成するツールはたくさんあるようです。 ご紹介いただいたURLのほかに、オススメのツールなどはありますでしょうか?

その他の回答 (3)

  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.3

#2の回答がWikipediaの内容をそのままコピペで引っ張ってきただけに見えた重症者です(ぇ ついでに言っとくとその内容を編纂した経験まである最重症者です(ぉ http://ja.wikipedia.org/wiki/Favicon link要素でアイコンを指定するかfaviconと言うアイコンを一番上のフォルダに置くかのいずれかでアイコンを指定できます。 ヤフーやベクターに関しては後者の方法を用いているため、HTMLソースは関係ありません。

hola1973
質問者

お礼

回答ありがとうございます。 No2さんの件につきましては、引用元を記述する必要があったかもしれませんが、悪気があったのではないでしょう。 MAN_MA_RUIさんはWikiPedia編纂者ということで非常に知識豊富そうですね。 今後ともよろしくお願いします。

  • houou0123
  • ベストアンサー率26% (4/15)
回答No.2

・単独でも効果はあるが、両方指定するのが望ましいとされる。   <link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon">   <link rel="icon" href="http://example.com/favicon.ico" type="image/x-icon"> ・link要素はHTMLのヘッダ部分(<head>と</head>の間)で指定する必要がある。 ・XHTMLでFaviconを指定する場合にはタグの末尾を / >としなければならない。 ・hrefで指定するときは別にアイコンがfavicon.icoでなくても構わない。hrefを用いることによりサイト内のどのようなアイコンでもFaviconとすることが可能である。 ・通常、ウェブブラウザがサポートする形式であればどのようなフォーマットを用いても良い。ただし例外的にInternet ExplorerはICO形式のフォーマット以外認識しない。 ・ICO形式のファイルはいずれFaviconをサポートするブラウザ全てで利用できるようになると思われる。 ・ウェブサーバー側ではアイコンのMIMEタイプを正しく指定する必要がある  ・ICO形式はimage/vnd.microsoft.icon(代わりとして、また互換性問題としてimage/x-iconを指定する場合もあるが、IANAに登録された標準的なMIMEタイプを用いることが望ましい。)  ・GIF形式はimage/gif  ・PNG形式はimage/png ・適切な解像度と色数を用いる必要がある  ・ICO形式:複数の色数と解像度(16x16と32x32、さらにMac OS Xなどで利用される64x64と128x128サイズのものを4ビット16色、8ビット256色、24ビット1600万色)を保存したものをマルチアイコンとして保存  ・GIF形式:16x16サイズで256色  ・PNG形式:16x16サイズで8ビット形式(256色)ないし24ビット形式

hola1973
質問者

お礼

回答ありがとうございます。

noname#31672
noname#31672
回答No.1

faviconで調べてみてください

hola1973
質問者

お礼

すいません。回答への補足の欄にお礼を書いてしまいました。

hola1973
質問者

補足

早速の回答ありがとうございました。 わからないことがあっても調べる言葉がわからないって本当に不便ですね。 ヒントをいただけるだけでも非常に助かります。

関連するQ&A

  • ブラウザ(IE)のアイコンを変更する方法

    表示されたHTMLページによりブラウザ(IE)のアイコンを変更することは可能でしょうか? ショートカットアイコン、お気に入りのアイコン、アドレスバーのアイコンはHTMLで指定できますが、その場合でもタイトルバーのアイコンは変更されません。 これを何らかの方法で変更することは可能でしょうか? やりたいことは、WEBシステムにアクセスしたブラウザのアイコンをシステム専用に変更し、最小化してタスクバーに沈んだときにアイコンで判別できるようにしたいです。 ですので、ユーザが右クリックしてプロパティを・・・といった方法は不可です。 サーバ側でできる設定、ソースの範囲で可能でしょうか? Windowsアプリのプロパティに関する設定ですので無理かなー、とは思っているんですが、もし方法があるなら教えてください。 また、無理なら無理で、「無理」とはっきり示してあるページがあれば教えてください。

  • アドレスバーのアイコンの変更

    いつもお世話になっております。 アドレスバーのアイコンの変更を行いたいと思っています。 いろいろ調べたのですが、まだ不安要素があるため質問させていただきました。 HTMLで <link rel="shortcut icon" href="***.icon"> と書けばいいということが分かりました。 IE で表示させることは難しいということも分かりました。 上記のようなソースを書いて試してみたのですが Netscape では確認できました。 Firefox でも確認できました。 Sleipnir では一度確認できたのですが、キャッシュをクリアしたら 表示されなくなってしました。 他のサイトでアドレスバーのアイコンを変更している場合 ソースを見ても上記のようなソースが書かれていないのです。 サーバー側の設定で何かあるのでしょうか? ご教授よろしくお願いいたします。 <環境> Apache:2.0.40 (Red Hat Linux)

  • アイコンが変化しちゃう!

    通常ブックマークしてあるアイコンはeですが 一時的に違うアイコンに変化してしまいます。 再起動すると戻るんですが またちょっとすると変化してしまいます。 変化するアイコンはブックマークだけでなく アドレスバーのとこだったり タイトルバー(というのか?)の左のとこだったりします。 解決法をお願いします。 OS:Windows Me ブラウザ:IE5.5 SP2 

  • 自分のHPのタイトルバーにアイコンを表示させるには?

    HTMLで自分のWebページを作っています。 Yahooやgooなどを開くと、タイトルバーに独自のアイコンが表示されますよね。 自分のページにもそういったアイコンを表示させることは可能でしょうか? HTMLでできるのであれば、そのやり方を教えてください(><) また、その際アイコンはどのように作ったらよいのでしょうか?

  • アイコンが勝手にヤフーアイコンになります。戻す方法を教えて下さい。

    アイコンが勝手にヤフーアイコンになります。戻す方法を教えて下さい。 変わるアイコンはインターネットエクスプローラ8のお気に入りに登録しているサイトのアイコンです。そのアイコンも変わるのは必ずヤフーアイコンのみです。何故なるのか分からず、一度お気に入りから削除して、再度サイトを見にいってお気に入りに再登録してもヤフーアイコンのままで、アドレスバーの左側にもヤフーアイコンで表示されます。サイトには独自のアイコン画像があるのですが・・・教えて下さい。

  • エクスプローラのメニューバー,標準のボタン,アドレスバーが消えた

     XP Pro を使用しています.  少し前まで,エクスプローラを開くと,タイトルバー,メニューバー,標準のボタンのバー(何と呼ぶのでしょうか),アドレスバーが見えていました.アドレスバーの下は白い背景にアイコンが並んでいます.  何かの操作をしたからなのか,上に書いたもののうちタイトルバー以外のものが消えてしまいました.エクスプローラを開くと,青いタイトルバーの直下に白い領域があり,そこにアイコンが並ぶようになってしまいました.  何か設定した記憶はありません(何かの拍子?).元に戻す方法をご存知でしたらご教授願います.

  • 画像について。

    ブラウザーのアドレスバーのところに通常HTMLファイルのアイコンが付きますよね。 それが一部のサイトで、オリジナルの画像に変わっていることがあります。 そのアイコンの作成方法(サイズ等)とそれを載せるためのHTML(?)の書き方をお願いいたします。

    • ベストアンサー
    • CSS
  • ショートカットアイコンを変更したいのです。

    ショートカットアイコンを変更したいのです。 OSはwindows XP Home Editionです。 たとえば この「OKwave」を開いて 画面上部のアドレスバーをデスクトップにドラックすれば ショートカットアイコンが「OK」のアイコンにかわりますが これを デスクトップにつくった「あたらしいフォルダ」にいれてしまうと「OK」のアイコンが インターネットの「e」のマークにもどってしまいます。 そこで純粋に「アイコンの変更」で、ちがうアイコンに変更しても「e」のマークから変化しません。 フォルダの中でアイコンを変更する方法を教えてください。 どなたかご教授いただければ幸いです。  

  • お気に入り登録でのアイコン表示

    ブラウザIEの場合、サイトのお気に入り登録を行 うと、大抵のHPはIEのマークがアイコンとして 使用され表示されるようになります。 時々、そのサイト固有のアイコンが表示されている 場合がありますが、個人HP作成において実現をし たいと考えています。 HTMLのヘッダーに記述か何かで可能なのでしょうか。 方法を教えて下さる方、もしくは解決方法のサイト をご紹介頂ける方がみえましたら、どうぞご教授 のほどよろしくお願いします。

  • 文字コードを変換してHTMLのコメントに

    PHPを始めたばかりで質問の内容がお粗末ですみません。 どなたか、ご教授をお願いします。 データベースから抽出したデータをHTML上にコメントとして書き出したいと思ってます。 データベースから「あいうえお」という情報を変数を抽出して、Printするとブラウザ上では「あいうえお」と正しく表示されますが、HTMLのソース上では「あいうえお」となっています。 その情報をブラウザの「ソースコードを見る」で表示されるHTML上で「あいうえお」と表示させる方法はありませんでしょうか? どうぞ、よろしくお願いします。

    • ベストアンサー
    • PHP

専門家に質問してみよう