ブラウザ タブのページ タイトルの横にある画像 - ここで画像をリンクするにはどうすればよいでしょうか?
ベストアンサー1
その画像は'ファビコン'これは小さな正方形の.ico
ファイルで、ファビコンの標準ファイル形式です。.png
または.gif
も使用できますが、互換性を高めるために標準に従う必要があります。
ウェブサイトに設定するには、次の手順に従います。
ロゴの正方形の画像(できれば32x32または16x16ピクセル、私の知る限りでは最大サイズはない*)を作成し、ファイルに変換します
.ico
。これはGimp、Photoshop(プラグイン)または次のようなウェブサイトファビコン.ccまたはリアルファビコンジェネレータ。次に、設定方法が 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ピクセルでウィキペディア32x32です。
*: ファイルサイズ制限がないブラウザの問題もあります。非常に大きなファビコンを使用すると、ブラウザがクラッシュする可能性があります。詳細はこちらここ