ファビコン設定
ファビコン…タグに表示されたページ名の横に出てくる小さなアイコン。
設定の手順
■イラストレーター、フォトショップなどで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)
この記事が気に入ったらサポートをしてみませんか?