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

ウェブサイトアイコンを追加するにはどうすればいいですか?
最初のステップは、アイコン作成ソフトウェアを準備することです。
まず、いわゆるアイコンは拡張子 .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 モデルの分析

ブログ    

推薦する

Nginx のリロード プロセスの背後にある真実を探る

本日の記事では、主にNginxのリロードプロセスについて紹介します。実は前回の記事では、nginx ...

MySQL slow_log テーブルを InnoDB エンジンに変更することはできません。詳細な説明

背景mysql.slow_log からスロー クエリ ログを取得するのは遅く、テーブルは csv テ...

TypeScript の関数

目次1. 関数の定義1.1 JavaScript の関数1.2 TypeScriptの関数2. オプ...

CSS3 カスタムスクロールバースタイル::webkit-scrollbar サンプルコード詳細説明

Windows のデフォルトのスクロール バー スタイルは見苦しく、プロジェクト内でスクロール バー...

UIエンジニアのキャリアについての私たちの考え

私は長い間落ち込んでいます、なぜでしょうか?以前、お客様から、提供されたソフトウェアが正常に動作しな...

JVMシリーズのメモリモデルの詳細な説明

目次1. メモリモデルとランタイムデータ領域2. マインドマップと凡例3. オブジェクトはJVMから...

JavaScript の基礎: スコープ

目次範囲グローバルスコープ関数のスコープもし、スイッチ、のために、その間ブロックスコープスコープチェ...

Divの境界と透明度に関する設定

フレーム:スタイル=”border-style:solid;border-width:5px;bor...

H5レイアウト実装手順における天井と底部の吸引を解決するための純粋なCSS

どのような製品について言及したいですか?最近、ユーザーがマーケティングの変化をよりよく観察できるよう...

Vueは双方向データバインディングを実装します

この記事の例では、双方向データバインディングを実装するためのVueの具体的なコードを参考までに共有し...

Windows ベースの MySQL 8.0.12 のインストール

このチュートリアルは Windows システムにのみ適用されます。インストールしたがまだインストール...

CSS3 で画像ドロワー効果を実装するためのサンプル コード

いつものように、まずは画像効果を投稿しましょう: このエフェクトの原理は非常にシンプルです。CSS3...

ホバー生成の境界線によって生じる要素の移動を解決する方法

序文hover疑似クラスが要素に境界線を追加すると、要素内のコンテンツがずれることがあります。box...

Linux の Docker コンテナで bash を終了する 2 つの方法

bash を終了する場合は、次の 2 つのオプションがあります。最初のもの: Ctrl + d を押...

DockerにFastDFSをインストールする方法

画像をプルする docker pull season/fastdfs:1.2トラッカーを開始 doc...