web-dev-qa-db-ja.com

タイトルバーに画像を追加

タイトルバーに画像を追加するにはどうすればよいですか？

タイトルがあります-「Webnet」

FontAwesome Glyphiconのアイコン画像とのマージ

<title><i class="icon-user icon-black"></i>Webnet</title>

そして、画像ソースに置き換えてみました-

<title><img src="assests/img/user-Hermosillo.png" ></img>Webnet</title>

ただし、タイトルには画像が表示される代わりにinnerHTMLが表示されます。

助けがありますか？

htmlcssfaviconfont-awesomeglyphicons
43
Manoz

その方法は機能しません。 <title>はプレーンテキストのみをサポートします。ファイル名が.icoのfavicon.icoイメージを作成し、それをサイトのルートフォルダー（デフォルトページがある場所）に保存する必要があります。

あるいは、アイコンを好きな場所に保存して好きな名前で呼び出すことができますが、HTMLの<head>セクションに次のコードを挿入して、アイコンを参照するだけです。

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

Photoshop（プラグイン付き）またはGIMP（無料）を使用して.icoファイルを作成できます。または IcoFX を使用することもできます。使用し、素晴らしい仕事をします（ソフトウェアの古いバージョンは download.com から無料で入手できます）。

更新1：多くのオンラインツールを使用して、 ConvertIcon などのファビコンを作成することもできます。 。他にも無料のオンラインツールが用意されており、同じ機能（単純なGoogle検索でアクセス可能）を実行しますが、Windows 8/10のスタートメニューアイコンやiOSアプリアイコンなどの他のアイコンも生成します。

更新2：アイコンとして.pngイメージを使用することもできます IE11がIEの唯一のバージョンである場合） _サポートする必要があります 。上記のHTMLコードを使用して参照する必要があります。 IE10以前では、.icoファイルが引き続き必要です。

69
Samuel MacLachlan

favicon.icoを追加する方法を検索する必要があります。このようなhtmlページにfavicon.icoを直接追加してみてください。

<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="shortcut icon" type="image/png" href="http://www.example.com/favicon.png" />

または、webserverで更新できます。 webserverの各ページにこれを追加する必要はないので、htmlを追加することをお勧めします（includesがない場合）。

Apacheを追加するには、favicon.icoをルートWebサイトディレクターに配置し、httpd.confに追加します。

AddType image/x-icon .ico
18
nandu

これをhtmlのheadセクションに追加します

<link rel="icon" type="image/gif/png" href="mouse_select_left.png">
16
karthick

ページにファビコンを使用する必要があります。これをヘッドタグに入れてください：<link rel="shortcut icon" href="/favicon.png" type="image/png">

ここで、favicon.pngは16x16 png画像であることが望ましいです。

ソース： ファビコンを静的HTMLページに追加

11
errieman