ブラウザのURLの前に小さなアイコンを表示する方法

多くのウェブサイトを閲覧すると、ブラウザのアドレスバーの前に小さなアイコンがあり、ブラウザのタブの位置にも小さなアイコンがあることに気付くでしょう。たとえば、Baidu、Tencentなどのウェブサイトにはこのようなアイコンがあります。このような小さなアイコンをウェブサイトに追加したいですか?この小さなアイコンを使用すると、あなたのウェブサイトは他のウェブサイトよりも目を引くようになり、他の人の注目を集めるようになります。
PHOTOSHOP、FLASHFXP、メモ帳で ico 形式の小さなアイコンを作成する手順/方法:
1. PHOTOSHOP を使用して、幅と高さが 32 ピクセルの小さなアイコンを作成します。作成が完了したら、ico 形式で保存します。
2. FLASHFXP を使用して Web ページをローカルコンピューターにダウンロードし、念のためバックアップコピーを作成します。メモ帳を使用して Web ページのソースコードを開きます。
3. Web ページのソースコードのヘッド部分を見つけて、次のコードをヘッド部分に挿入します。href のアドレスは、ico アイコンを保存するアドレスであることに注意してください。Web サイトで保存されている場所に応じて記述します。
<link rel="ショートカットアイコン" type="image/x-icon" href="http://www.iswweb.com/images/favicon.ico" media="screen" />
4. 変更した Web ページファイルを仮想ホストにアップロードし、完成した ico ファイルを仮想ホストの画像 Web サイトディレクトリに保存します。
5. ミッション完了！ IE ブラウザを開いて URL を入力して試してみませんか?すでに小さいアイコンはありますか?
小さいアイコンの形式は ico 形式で、幅と高さはともに 32 ピクセルである必要があります。上記の手順を実行しても小さいアイコンが表示されない場合は、IE ブラウザのキャッシュをクリアしてください。キャッシュをクリアすると、小さいアイコンが表示されます。
小さいアイコンの保存場所は、コード内の保存場所と一致している必要があります。一致していない場合は表示できません。

<<: Docker 上で Redis クラスターを構築する

>>: デザイン協会: なぜ間違った場所を探したのですか?