130

ブラウザタブのページタイトルの横にある画像-ここで画像をリンクするにはどうすればよいですか?

4

6 に答える 6

224

その画像はファビコン.icoと呼ばれ、ファビコンの標準ファイルタイプである小さな正方形のファイルです。.pngまたはを使用することもできます.gifが、互換性を高めるために標準に従う必要があります。

Webサイトに設定するには、次のことを行う必要があります。

  1. ロゴの正方形の画像(最大サイズ*がないことがわかっている限り、32x32または16x16ピクセルが望ましい)を作成し、.icoファイルに変換します。これは、Gimp、Photoshop(プラグインを使用)、またはFavicon.ccRealFaviconGeneratorなどのWebサイトで実行できます。

  2. 次に、それを設定する2つの方法があります。

    A)Webサイトのルートフォルダ/ディレクトリ(の横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です。

*:ファイルサイズの制限がないブラウザの問題もあります。非常に大きなファビコンでブラウザを簡単にクラッシュさせる可能性があります。詳細はこちら

于 2013-10-15T21:00:23.717 に答える
25

これは「ファビコン」と呼ばれ、Webサイトのヘッダーセクションに以下のコードを追加する必要があります。

<head>これをセクションに追加するだけです。

<link rel="icon" href="/your_path_to_image/favicon.jpg">
于 2016-08-14T04:48:22.043 に答える
12

これはファビコンであり、リンクで説明されています。

例:W3Cから

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

さらに、もちろん、適切な場所にある画像ファイル。

于 2012-07-15T02:41:56.810 に答える
3

「favicon.ico」という名前のアイコンファイルをWebサイトのルートに追加します。

于 2012-07-15T02:42:46.893 に答える
3
<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">
于 2014-07-24T11:48:06.490 に答える
0
  1. これを追加
**<HEAD>**

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

その後、実行してお楽しみください

于 2020-09-29T21:56:37.220 に答える