[HTML] サイトにアイコンを設定する

Webページにアイコンを設定する方法です。

アイコンの種類

ページに設定できるアイコンには以下３種類があります。

【ブラウザ用のアイコン】
ブラウザのタイトル部分や、お気に入りのタイトルの先頭などに表示されるアイコン
ファビコンと呼ばれるものです。
【スマホ用のアイコン】
スマホのホーム画面に表示されるアイコン
【Windows用のアイコン】
Windowsのスタート画面にショートカットを追加した時に表示あれるアイコン

この３つがあること理解してから設定しましょう。

設定サンプル

■ブラウザ用のアイコンを設定する

上記のようにico形式でなくともpngやgif形式も指定可です。

■スマホ用のアイコンを設定する

apple～となっていますが、AndroidもこれでOKです。

■Windows用のアイコンを設定する

備考

  • 上記は一般的に使用される一例です。さらに細かい設定も可能です。

スポンサーリンク

HTML

Posted by tora