web-dev-qa-db-ja.com

ページタイトルにアイコンを付けるにはどうすればよいですか?

デフォルトの白いドキュメントではなく、タイトルのアイコン領域にサイトのロゴを表示したい。 Stack Overflowがまさにそのとおりです。

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

これをHTMLヘッドに追加します。もちろん、「favicon.ico」ファイルが存在する必要があります。 16x16または32x32ピクセルのファイルが最適だと思います。

81
NiklasMM

これは興味深い質問ですので、ウェブサイトのアイコンとして使用する画像がある場合はチェックしてください

これをスクリプトに追加します

   <link rel="icon" type="image/gif" href="animated_favicon1.gif" />

それ以外の場合は、Webサイトのアイコンのアイコンがある場合は、選択しました

 <link rel="shortcut icon" href="favicon.ico" />

常に http://www.iconspedia.com/ を使用して、アイコンを増やします

私の答えがあなたの問題を解決したら、私に投票してください

17
anirudha

これらはファビコンと呼ばれ、作成/使用が非常に簡単です。 http://www.favicon.com/ を読んでください。

7
Paul McLean

どうやらこのトリックを使用することができます。

<title>???? My title</title>

そのアイコンは、実際にはテキストです。

7
devXen

w3schoolによる

<link rel="icon" href="your_icon"/>
1
C.A. Gavin Lee

受け入れられた答え は完全にうまく機能します。 devXenが与えた答え の小さな問題に言及したいだけです。

このようにアイコンを設定した場合:

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

アイコンは期待どおりに機能します。

enter image description here

ただし、 devXen が示唆するように設定した場合:

<title>???? Amir A. Shabani</title>

更新時にページのタイトルが移動します。

enter image description here

したがって、<link>代わりに。

1
deergadan

In Ruby Railsを使用する場合、以下のコードを使用します。

ファイルのパスを計算するために、asset_path関数を使用して、Rails埋め込みコード<%= code %>

<link rel="icon" type="image/png" href="<%= asset_path('icon_name.jpg')%>">

このコードは間違いなく機能します。コメントで、私は彼らがexpress.jsで作業している人だけのためではないejs syntexを使用しているのを見ました

<link rel="icon" href="demo_icon.gif" sizes="16x16">
<title> Reddit</title>

pngとjpgを追加することもできます

0
MD SHAYON