ウェブサイトアイコンを追加するにはどうすればいいですか?

ウェブサイトアイコンを追加するにはどうすればいいですか?
最初のステップは、アイコン作成ソフトウェアを準備することです。
まず、いわゆるアイコンは拡張子 .ico を持つ特殊なグラフィック ファイル形式であることを理解する必要があります。通常の画像デザインソフトウェアはこの形式を使用できないため、icoアイコンツールをダウンロードする必要があります。このサイトでよく使用されるソフトウェアは、icoアイコンを簡単に作成できる強力なMicroangeloです。中国語改訂版のダウンロードアドレス:http://www.skycn.com/soft/2478.html
2 番目のステップは、「お気に入り」アイコンの仕様を決定することです。
お気に入りは 16 x 16 で表示されます。使用する色は 16 を超えないようにしてください。 (明確にするために) よくわからない場合は、C ドライブで *.ico 形式のアイコンを検索できます。IE キャッシュでこれらの Web サイトのアイコンを見つけることができるはずです。これらのアイコンを開いて、使用する形式を確認できます。他のものと同じ形式を使用するだけです。
3 番目のステップは、独自のアイコンをデザインすることです。
ウェブサイトのロゴをサムネイルにしたり、「お気に入り」アイコンとして独自のパターンをデザインしたりできます。つまり、それはあなた自身のものであり、あなたのウェブサイトのスタイルと個性をよく表すものでなければなりません。次に、アイコン ファイルに favicon.ico という名前を付けます (このファイル名にする必要があることに注意してください)。より目を引くものにすることができます。
たとえば、ローカル コンピューター上のアイコン ファイルを使用して変更します。コンピューター上のファイルを検索し、デスクトップにコピーします。 Microangelo で開き、16*16 に変更し、256 色を使用して、favicon.ico として保存します。
最後に、このアイコン ファイル (favicon.ico) を、Web サイトが配置されているサーバーのルート ディレクトリにアップロードします。 (つまり、ホームページの index.html が配置されているフォルダ) Web ページ ファイルに変更を加える必要はありません。IE5 は、Web サイトのルート ディレクトリを自動的かつ継続的に検索します。favicon.ico ファイルが見つかるとすぐに、訪問者のアドレス バーとお気に入りリストにアイコンが表示されます。
異なるページに異なる「お気に入り」アイコンを設定する場合は、Web ページ ファイルの HEAD 部分に次のコンテンツを追加する必要があります。
<link rel="ショートカットアイコン" href="myicon.ico">
注意: アイコンのパスは絶対パスである必要があります。
2. 2 番目の方法: ホームページの HTML ファイルにリンク コマンドを追加します。<link> は、次に示すように、<head> と </head> の間に配置されます。
<ヘッド>
<link rel = "ショートカットアイコン" href = /favicon.ico>
</HEAD>
href="/favicon.icon" (これは単なる例です。Web サイトのアドレスに置き換えるだけです) を、作成した ICO ファイル名で favicon.ico に置き換えます。このようにして、作成したアイコンは、ネットユーザーが Web サイトを Internet Explorer のお気に入りに追加し、Internet Explorer ブラウザーを再度開いたときにのみ表示されます。

一般的な方法:

コードをコピー
コードは次のとおりです。

<link rel="icon" href="/jb51.ico" type="image/x-icon"/>
<link rel="ショートカットアイコン" href="/jb51.ico" type="image/x-icon"/>

<<:  CSS3 引用のソースと出典をマークする方法

>>:  Linux の高性能ネットワーク IO と Reactor モデルの分析

推薦する

CSSプリコンパイル言語とその違いの詳細な説明

1. 何ですか マークアップ言語として、CSSは比較的シンプルな構文とユーザーに対する要件が低いが、...

Vue のローカルコンポーネントの紹介

Vueでは、ローカルコンポーネントを自分で定義(登録)することができます。コンポーネント名を定義する...

MySql カンマ連結文字列クエリの 2 つの方法

次の2つの関数は、 FIND_IN_SETと同じように使用されます。使用する場合、 FIND_IN_...

JSは単純なフィルタリングから複数条件のフィルタリングまで配列フィルタリングを実装します

目次単一条件単一データフィルタリング単一条件複数データフィルタリング複数の条件付きデータフィルタリン...

Docker可視化ツールPortainerの導入と中国語翻訳

#docker 検索#docker プルポーター1. イメージを取得した後、中国語パッケージをダウン...

SQL効率を分析する方法を説明する

Explain コマンドは、データベースのパフォーマンス問題を解決するために最初に推奨されるコマンド...

js オブザーバーモードの紹介と使用

目次定義2. 使用シナリオ3. 例を挙げる4. コーディング定義オブザーバー パターンは 1 対多の...

MySQL 5.7.16 のインストールと設定方法のグラフィック チュートリアル (Ubuntu 16.04)

Ubuntu 16.04 に MySQL 5.7 をインストールするにはどうすればいいですか?メイ...

Vue テンプレートのコンパイルの詳細

目次1. 解析する1.1 傍受のルール1.2 傍受プロセス部分1.3 パーサーの概要2. 最適化する...

Nginx 構成 80 ポート アクセス 8080 とプロジェクト名アドレス メソッド分析

Tomcatはプロジェクトにアクセスします。通常はIP + ポート + プロジェクト名です。 Ngi...

MySQLはイベントを使用してスケジュールされたタスクを完了します

イベントでは、SQL コードを 1 回または一定の間隔で実行することを指定できます。通常、複雑な S...

Linux カーネル デバイス ドライバー キャラクタ デバイス ドライバー ノート

/******************** * キャラクターデバイスドライバー**********...

Nginx 500 内部サーバーエラーの解決方法

今日、Nginxを使っていたら500エラーが発生しました。エラーコードを検索してみんなに共有しました...

VSCode と SSH を使用したリモート開発

0. リモート開発が必要な理由組み込み Linux を開発する場合、便宜上、通常は Windows ...