1. ホーム
  2. Web制作
  3. HTML/Xhtml

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

2022-02-07 09:17:22
多くのウェブサイトを閲覧していると、ブラウザのアドレスバーの前に小さなアイコンがあったり、ブラウザのタブの位置に小さなアイコンがあったりすることがあります。BaiduやTencentなどのウェブサイトには、このようなアイコンの存在があります。あなたのホームページにも小さなアイコンを付けませんか?この小さなアイコンを使えば、あなたのウェブサイトは他の人のウェブサイトよりも目を引き、他の人の注意を引く可能性が高くなります。
PHOTOSHOP、FLASHFXP、メモ帳
小さなアイコンをico形式で作成する必要があります。
ステップ/メソッド
1. PHOTOSHOPで幅と高さが32ピクセルの小さなアイコンを作成し、ico形式で保存します。
2. FLASHFXPでウェブページをローカルにダウンロードし、万が一に備えてバックアップコピーを作成し、メモ帳でウェブページのソースコードを開く。
3. Webページのソースコードのheadセクションを探し、以下のコードを挿入します。hrefのアドレスは、Webサイト上の場所に応じて、icoアイコンを格納するアドレスであることに注意してください。
<link rel="shortcut icon" type="image/x-icon" href="http://www.iswweb.com/images/favicon.ico" media=& quot;screen" />
4. 4. 変更したウェブファイルをウェブホストにアップロードし、完成したicoファイルをウェブホストのimagesディレクトリ内に格納します。
5. 素晴らしい出来栄えです。IEブラウザを開き、URLを入力し、試してみてください。もう小さなアイコンができていますね?
スモールアイコンの形式はico形式、幅と高さは32ピクセルである必要があります。
上記の手順を行ってもスモールアイコンが表示されない場合は、Internet Explorerのキャッシュをクリアしていただくと、スモールアイコンが表示されるようになりますので、そちらをご利用ください。
小さなアイコンの位置は、コード内の位置と同じでなければ表示されません。