ブラウザタブのページタイトルの横にある画像-ここに画像をリンクするにはどうすればよいですか。
2
キーワードfavicon.icoをある
—
user956584
ブラウザタブのページタイトルの横にある画像-ここに画像をリンクするにはどうすればよいですか。
回答:
その画像は「ファビコン」と呼ばれ、ファビコンの.ico標準ファイルタイプである小さな正方形のファイルです。.pngまたはを使用することもできます.gifが、互換性を高めるために標準に従う必要があります。
あなたのウェブサイトにそれを設定するには、次のことをする必要があります：
ロゴの正方形の画像を作成し（最大サイズ*がないことがわかっている限り、32x32または16x16ピクセルが望ましい）、それを.icoファイルに変換します。これは、Gimp、Photoshop（プラグインを利用）、またはFavicon.ccやRealFaviconGeneratorなどのWebサイトで実行できます。
次に、2つの方法で設定します。
A）ウェブサイトのルートフォルダ/ディレクトリ（の横index.html）に次の名前で配置しますfavicon.icoます。
または
B）次のように、サイト上<head></head>のすべての.htmlファイルのタグ間でリンクします。
<head>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>faviconウェブサイトからを表示したい場合は、書き込んwww.url.com/favicon.icoでください（おそらく）表示されます。Stackoverflowのファビコンは16x16ピクセルで、Wikipediaは32x32です。
*：ファイルサイズの制限がないブラウザの問題さえあります。非常に大きなファビコンでブラウザを簡単にクラッシュさせる可能性があります。詳細はこちら
これはファビコンであり、リンクで説明されています。
例：W3Cから
<link rel="icon"
type="image/png"
href="http://example.com/myicon.png">さらに、もちろん、適切な場所に画像ファイルを配置します。
<link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file:
'apple-touch-icon-retina.png')}">またはあなたはこれを使うことができます
<link rel="shortcut icon" sizes="114x114" href="${resource(dir: 'images', file: 'favicon.ico')}"
type="image/x-icon">「favicon.ico」という名前のアイコンファイルをWebサイトのルートに追加します。
16x16 pxでなければならないことを覚えておいてください。