ブログには欠かせない!? はてなブログでブログのアイコン "ファビコン" というものを作ってみた!

f:id:takatucker:20170924221705j:plain

どーも、タカです!

ブログをカスタマイズしていくと、必要になってくるものの1つとして、「アイコン」があります。

  

最近では、色々なWebページにアイコンが使われていて、そのWebサイトやページを表す1つの "しるし" になってます。

  

f:id:takatucker:20170924203607p:plain

 

そして、このアイコンの事を『ファビコン』(Faviconと呼んでいます。

今回、ファビコンとやらを設定してみました。

 

目次

ファビコンって??

そもそも、ファビコンってなんぞや?って感じだと思います。

なんとなくですが、ファビコンと聞くと、つい、スーパーファミコンの "ファミコン" を連想してしまうのは僕だけでしょうか。笑(^^; )

 

と、まぁさておき…。

 

この、ファビコン』(Faviconとは、Favorite iconという単語を組み合わせた造語になっていて、主にタブの部分(先ほど画像で紹介した部分)やブックマークなどで使われたりしてます。

iPhoneでブックマークしてホームスクリーン上に保存しておきたい場合に使われるのも、このファビコンです。

 

f:id:takatucker:20170924210648p:plain

 

そして、このファビコンを設定する事で、他のブログとの差別化を測ることができるようになります。

 

はてなブログの場合、すでにデフォルトでアイコンは設定されてますが、全員同じアイコンになってしまい個性に欠けてしまうため、ファビコンを変えて自分らしさを出すぜぃ!ってことにしました。

 

ファビコンの作成から設定までは意外とカンタン!?

アイコンを作成してから設定するまで難しそうに感じますが、意外とすぐできます。

 

まずは、アイコンのデザインから。

僕の場合、アイデアがびっくりするほど浮かばなかったので、とりあえずブログのタイトルをそのままデザインに採用することにします。

 

今回はAdobe Photoshopを使い、かなりテキトーに作ってみました。

せめて画質だけでも良くしたかったので、256ピクセル×256ピクセルで作成。

Photoshop持っていない人は、Windowsユーザーであれば「ペイント」、Macユーザーは「Keynote」あたりを使うと、ひとまず作れるかと思います。)

 

 

そして、できあがったのがコチラ。

f:id:takatucker:20170924211118p:plain

僕のブログタイトルが『タカのラフライフ』なので、単純に "ラフライフ" って書いてみただけですが、案外それっぽくなってます。

 

はてなブログに早速設定してみます

ファビコンを作成したので、早速はてなブログに設定していきます。

f:id:takatucker:20170924214220p:plain

「ファイル選択」から、作成したアイコンの画像ファイルを選択します。

ファイル名が出たら、画面をスクロールしてページ一番下の「変更する」をクリック。

これで設定完了!

 

ページを更新すれば、すぐに反映されます。

f:id:takatucker:20170924215915p:plain

 

これだけでも、だいぶブログっぽくなりますよね!

いやぁ、形から入るの大事だわ〜!

 

ってことで、まだファビコン設定したことない人は参考にしてみてください。

 

よかったらシェアしてね!
目次
閉じる