ブログ

ブログのファビコンを無料作成してみました

ブログのファビコン作成

ブログのファビコンを作ってみたくなったのですが、なんだかんだと結構時間を要したあげくに作成する事ができました。

作成迄の過程をファビコンを無料で作るにはどうしたらいいんだ?という私と同じ疑問にぶつかった人の助けになればと記事にしてみました。

ちなみにブログのファビコンとはウェブブラウザでサイトを開いた時にタブのところに表示されるアイコンの事。favicon(ファビコン)は「Favorite icon(お気に入りのアイコン)」という言葉を省略したものみたいです。

別段設置しなくても機能的には全然問題ないのですが、有名な方のブログやサイトはさすがにその辺しっかり設置していたりします。タブブラウザでファビコンがあると目立つという利点もあるらしいです。私自身はあまり気にしたことなかったですが(汗)

大手のYahoo!japanとかGoogleとかBingとかはサイト名の最初の一文字をファビコン化しているケースが多いようですね。

そういえばしれっとブログ名を変更してます

ブログ開設当初のブログ名は「enjoy-everyday」でURLと一緒にしていました。

ファビコンは【EE】というアイコンを作成していましたが、少し前にブログ名をキャッチフレーズから昇格させた「まいにちゆるくたのしく」に変更したのでそれに合うようにファビコンも変更しようと思いました。

英語よりは検索しやすいひらがなの名前がイイかと変更したのが理由なのですが、bing検索だと「まいにちゆるくたのしく」が一番上に出てきてくれるもののGoogleだと全然出てこない(泣)

というわけでブログ名変更の目論見は見事に肩透かしに終わっています。

本題のファビコン作成

ファビコン作成の無料サイトがいろいろあるみたいなのですが、私が試してみたところイマイチどれも使い方が難しく良くわかりませんでした。おっさんだからなのかもしれません。

あと今使っているテーマだとなぜかファビコン御用達の「.ico」というファイル形式を読み込んでくれなかったのであきらめて普通に「PNG」で作成する事にしました。

今回は直感的な操作で使いやすいロゴ及び画像ジェネレーターさんで作ってみました。とりあえず出来上がると想像以上に小さくなるのですがファビコンを作る時は大きい画像で作成しておくのが良いみたいです。

 

Slabと書いてあるロゴが文字の周りにデザインがあって気に入ったのでそれで作成してみる事にしました。

 

ブログ名が「まいにち~」なので始めの一文字の「ま」という文字で作成してみることにしました。(テキトー)

ロゴテキストに「ま」と入力してテキストサイズを目一大きく(600迄上げてみました)よさそうなフォント(さざなみゴシックを選択)を選んで文字を白にして背景を青っぽい色にして出来上がったのがこちらになります。

 

実際にタブに表示された状態を見てみます。

 

うん。いいんじゃない。我ながらデザインセンスがないですが、まぁこんなもんでいいんじゃないでしょうかね。どうせ小さくなっちゃうし(適当)

テーマの管理画面でファビコンを設定する場所があったのでそちらで設定した後にWordPressの画面でもサイドメニュー「外観」→「カスタマイズ」→「サイト基本情報」でサイトアイコンを設定しました。

このやり方が合っているのか間違っているのかよくわかりませんが、とりあえず目的は達成できたし独学なのでこんな感じでいいんでないかなと勝手に納得しています。(ゆるい?)

不具合が出たらまた考えたいと思います。

そんな備忘録でしたがこれからブログを始めたりサイトを作ったりする人が「ファビコン無料作成したいな」みたいな事を考えた場合の手助けや参考になれば幸いです。

-ブログ