サイト URL の横にある画像アイコン

StackOverflow https://stackoverflow.com/questions/120420

  •  02-07-2019
  •  | 
  •  

質問

Webブラウザ上でサイトURLの横に表示されるアイコンについて知りたいです。これはブラウザ固有の機能ですか?アイコンのソースはどこで指定するのでしょうか。つまり、Web ページ自体のタグ内にあるのでしょうか。

役に立ちましたか？

解決

これらのアイコンは次のように呼ばれます ファビコン

ほとんどの Web ブラウザがサポートしています http://mysite.com/favicon.ico ただし、これを行う適切な方法は、頭のプロファイルにアイコンのメタ タグを含めることです。

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
      type="image/png" 
      href="/somewhere/myicon.png" />
[…]
</head>

W3C 自体からのソース。

最善の策は、おそらく同じアイコン画像を使用して両方を実行することです。

他のヒント

のことを指していると思います ファビコン, これにより、Web サイトで 16x16 (またはそれ以上) の画像を指定できるようになり、最新のブラウザーでは URL の隣のアドレス バーに表示されます。

ブラウザによっては、Web フォルダのルートにある favicon.ico というファイルを選択するだけですが、ブラウザによってはファイルを指定する必要があります。 <head> 次のコードを使用して HTML を編集します。

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

これはもともと IE で行われていた方法でしたが、(rel 内のスペースのせいで) 標準に準拠していないため、ほとんどのブラウザでは現在、次のように行うことができます。ちょうど.ico

<link rel="icon" href="favicon.png" type="image/png" />

これらは ファビコン - 詳細については、そのページをご覧ください。

基本的に、.ico ファイルは Web サーバーのルート ディレクトリにあります。

一部のサイトではアニメーション Gif をファビコンとして使用していることを付け加えておきます。あなたの好みに応じて、どちらを非常にクールに見るか、または非常に迷惑に見ることができます...また、おそらくすべてのブラウザでサポートされているわけではありません。

その情報を取得する最も簡単な方法は、このシンプルな Web アプリを使用することです

リンクテキスト

ページの URL を入力するだけで、すべての画像プロパティが返されます。

彼らは ファビコン. 。ブラウザはサーバー上の favicon.ico を参照します。

これはファビコンと呼ばれます。asp.net アプリケーションでファビコンを使用してこのチュートリアルを参照してください。 リンク

元々は Windows アイコン形式のファイルで、次の URL に保存されていました。 http://site/favicon.ico. 。ほとんどのサイトは依然として favicon.ico を使用しており、多くのブラウザーはメタ タグに関係なく、依然として favicon.ico を自動的に参照します。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top