サイト構築

サイトロゴが欲しいわ。favicon.icoをペイントツールで5分で作成しサイトを引き締めるッ!

せっせと新規投稿を追加してふと思いました。。。あれ、このブログのファビコンなんじゃこれ?
ファビコン作成

ファビコン(favicon)とはブラウザのタブ欄、サイトのタイトルの横や

サイトをお気に入りに追加したりしたときに表示されるサイトのロゴ画像のようなもの。拡張子は.ico

サイズは16×16、32×32、48×48とブラウザによってさまざまみたい。

windows付属の定番ソフトペイントでファビコンを作成

ファビコンをペイントで作成

今回はとりあえずめんどくさいので32×32ピクセルでサクッと作ってみますぅー!

あんまり画像のサイズが小さすぎると作りにくいので500px×500pxくらいで作成。

とりあえずつなぎでこれでイイでしょう!かっこいいし。たぶん今後変えることはないww

ペイントでファビコン作成

このままではデカすぎるので完成したらペイントの左上位にあるサイズ変更を押してピクセル指定で縦横を32pxに変更して縮小します!

このままだと拡張子が.pmgとなっており当然使えませんのでこれを.icoに変換してもらうわけですが。これも一瞬でできます。

拡張子を.pngから.icoに変換する

グーグル先生で「ファビコン作成」とかで検索すると素晴らしいサイトが出てきますので、そちらに今回作成した32×32の画像をアップロード。

処理が終わればダウンロードする。するとあら不思議.icoになっておるわ。。。

ドメイン直下にfavicon.icoをアップロードする

ペイントでファビコン作成

後はこちらをFTPソフトでアップロードするだけですwww

ドメイン直下にぶっこんどけばイイ感じに表示されると思います。ドメイン直下はindex.phpとかwp-contentがあるフォルダ。

ん!イイ感じに表示されています。何か設定がいるのかと思いきやブラウザが解釈してくれるのかこれで無事に表示されました。

このブログでは無料のテーマ「LION BLOG」を使用させてもらってるのですがファビコンの設定が見当たらない...

他テーマのではテーマカスタマイズから簡単にファビコン設定できるかも!

知らんけど。

変わんねぇ!!って場合はブラウザのキャッシュが影響している可能性大です。chromeではShift+F5でスーパーリロードすることで反映しました!

-サイト構築

© 2020 ソロ学