7

クロム、ファイアフォックス、または他のブラウザでタイトルとともに表示されるページのタイトルにそのページの画像またはロゴを追加するにはどうすればよいですか?

4

6 に答える 6

9

「 Favicon.icoとは何か」および「Web サイト用のファビコン アイコンを作成する方法」から取得

「Favicon.ico」ファイルの作成方法

1. 16X16 ピクセルのサイズの画像を作成します。はい、それは本当に小さく、実際にはあまり描くことができません。また、標準の Windows 16 の色に制限する必要がありますが、256 色でも問題なく機能すると思います。

必要に応じて、32X32 ピクセルのアイコンを作成することもできます。これは、お気に入りメニューとロケーション バーのサイズに合わせて調整されます。16X16 ピクセルと 32X32 ピクセルの両方のアイコンを同じアイコン ファイルに入れることもできます。Windows は前者をメニューに使用し、ユーザーが大きなアイコンを表示するように設定されたフォルダーを開くと後者を使用します。気にしないのであれば、これを行う必要はおそらくないでしょう。

2.画像​​をICOファイルとして保存します(もちろん「favicon.ico」という名前です)。

3.あなたのウェブサイトにアップロードします。スペースを無駄にしたくない場合は、サイトのすべてのディレクトリにアップロードする必要はありません。単にルート ディレクトリに置くだけで、favicon をサポートする Web ブラウザが最終的に見つけるようになります。画像ディレクトリにアップロードすることもできますが、その場合は Web ページを変更する必要があります。詳細については、この記事の後半を参照してください。

ヘルプ!私の Web ホストは ICO ファイルを許可していません!

ホスティング会社が .ICO 拡張子の付いたファイルのアップロードを許可していない場合は、別の拡張子 (GIF など) を付けて (バイナリ モードで) アップロードすることで問題を回避できます。サイトに配置したら、FTP プログラムを使用して名前を正しい拡張子に変更します。

<head>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 
</head>
于 2012-05-19T14:25:22.587 に答える
3

あなたが探しているのはファビコンです。

これを追加する推奨される方法は、W3 コンソーシアムのガイドに従ってprofile、ページ<head>タグで a を使用することです。

<head profile="http://www.yoursite.com/profile">
<link rel="icon" 
  type="image/png" 
  href="http://example.com/myicon.png">
[…]
</head>

サイトに追加する手順については、こちらを参照してください。

于 2012-05-19T14:14:35.867 に答える
2

ファビコンを作成するために私が使っている本当に簡単なサイトは次のとおりです: favicon.cc

その利点は次のとおりです。

  • カスタムカラーを選択できます
  • ダウンロード可能
  • 公開して共有することができます
  • サイズに合わせて画像のサイズを変更できます(ただし、歪む可能性があります
  • あなたが私のように複数のファビコンを持っている場合は、「favicons」というディレクトリを作成し、その中に写真を配置するだけです。

    default.ico や blog.ico など、それぞれに一意の名前を付けることを忘れないでください。

    ファビコンを忘れずにダウンロードしてください。
    ファビコンにアクセスする方法は次のとおりです。

    <link href="/YOUR_PATH/favicon.ico" rel="icon" type="image/x-icon" />
    
    于 2016-12-17T05:28:31.423 に答える
    1
    <head>
        <link rel="shortcut icon" href="title_icon.png">
    </head>
    
    于 2014-02-28T05:27:11.090 に答える
    1
    <link rel="icon" href="image_name.ico" />
    <title>Place your html title here</title>
    

    ここで、リンクはアイコンである現在のリソース間の関係を指定します.hrefはブラウザに画像のアドレスを与えます.画像は任意のタイプにすることができます.例:jpg形式

    于 2014-12-04T18:17:58.980 に答える