小さいけど大切なファビコン

UPDATE：2019.9.21

CATEGORY

Contents

ファビコンの設定しよう
ファビコンのメリット

みなさん、ファビコンってご存知ですか？↓これです。

ブラウザでサイトを開いたときにタブと一緒に表示される小さなアイコンのことでサイトやブログのシンボルマークです。気にして見てみてください。

たくさんのページを開いているとき、ファビコンがないと・・・わかりづらく感じませんか？

タイトルの文字数にも表示制限があります。

ファビコンはブックマークもにも反映されます。
ブックマークにサイトがたくさんあるときもファビコンがないとても探しづらいです。

ファビコンの設定しよう

1、画像を用意しよう

小さいものなのでシンプルなデザインにしましょう。

主なサイズ
16×16 IE　ブラウザのアドレス欄・タブ・ブックマーク
32×32 chrome、firefox、safari他主要ブラウザのタブ・ブックマーク
48×48 Windowsのサイトアイコン
64×64 高解像度のWindowsのサイトアイコン

表示される場所やブラウザなどによってサイズが違います。
昔からあるファビコンですが、様々なデバイス増えてファビコンのサイズもいろいろあるのでマルチアイコンを作るのが一番いいです。

png画像を拡張子が　「.ico　」の画像に変換したものを用意します。
(ファビコン作成サイトはたくさんあります。ico形式に対応する画像編集ソフトを使用するか、Photoshopでは対応プラグインを導入します。）
「.png」や「.gif」でも表示はできますが、古いブラウザは対応していないものもあるので「.ico」にしましょう。