ファビコン設定

ファビコン…タグに表示されたページ名の横に出てくる小さなアイコン。

設定の手順

■イラストレーター、フォトショップなどで260PX以上のpngデータを作る。

今回はフリーイラストのピザを使用しました。

※注意点

・カラー設定

web上に表示するのでRGB設定にする。

CMYKは紙印刷用の設定。

・書き出し、png設定で保存。

Web用に保存を選びます。

これで準備はOKです。

■realfavicongeneratorをググる。

このサイトに入り、【Select your Favicon Image】をクリック。

先程保存したpngデータを選びファビコンを生成する。

Zipファイルで保存されるので、ファイルにカーソルを合わせて右クリック➡【展開する】を選び解凍する。

あとはHTMLの『head』内にコードを書き、リンクさせる。

6行目　<link rel = "icon" href="～">

⇩

タグのページ名の横にファビコンが現れました。

これでデスクトップPC用のファビコン設定は完了です。

イラストレーターのデータが260PX以下だと、サイズが足りません的なメッセージが出てしまい、生成できませんでした。

サイズが小さすぎると生成できないようです。

2020.9.24(Thu)