はてなブログにブログアイコン(ファビコン)を5分で作る方法|ブログ始めた人におすすめ

ブログファビコン作り方

はてなブログにブログアイコン(ファビコン)を設置しました。5分で終わるので、まだ設定していない方は、ささっとやっちゃいましょう。

「ブログアイコン」とか、「ファビコン」といってもピンとこないかもしれません。でも、みなさん全員が見ています。これです、これ。このアイコンです。タブの隣に、はてなブログのアイコンが使わるようになっています。

ブログファビコン作り方

今回はこのアイコンの作り方と設定方法をご紹介します。5分で終わらせましょう。

はてなブログ始めた人にオススメの設定変更

こまかい話は後!さっそく作ろう!

デザインにこだわると作業が進まないので、とりあえず最後まで作りきることをお勧めします。一度ファビコンができたことを確認してから、デザインにこだわればよろしいかと。

①アイコンの作成

以下のサイトからブログに関係しそうなアイコンをダウンロードします。

http://icooon-mono.com/

自作で作れる方はいいのですが、無料で商用利用可能、さらにデザインも優れているならサービスを使った方がいいです。人的資産は有限、使えるサービス・サポートは活用するべし。私のブログはカメラや、旅行がキーワードになります。サイトの右上の検索にワード入れて検索してください。

ブログファビコン作り方
ブログファビコン作り方

②アイコンのダウンロード

選択したアイコンをダウンロードします。

サイズは192×192ピクセルより大きなものを選んでください。はてなブログのアイコンは、最大64×64ピクセルの正方形で表示されます。これより大きな画像を設定している場合には、自動でこのサイズに縮小されます。ただし、ブログアイコンとして設定した画像は、スマートフォンのホーム画面にショートカットを作成する際などにも利用されるため、192×192ピクセルより大きな正方形の画像を使用した方がいいです。

ファイル形式は、JPEG、PNG、GIFのいずれかにしましょう。PNGとJPGのどっちがいいか?どのみちアイコンはちっちゃいから、細かい事は気にしない。問題の本質を見失うべからず。

ブログファビコン作り方

ブログアイコン(favicon)を高精細ディスプレイに対応するなど、見やすく表示されるようにしました – はてなブログ開発ブログ

③はてなブログの設定を変更する

ダウンロードしたアイコンを、はてなブログに設定します。

はてなブログを開き、「ダッシュボード」→「設定」→「基本設定」のタブまで進んでください。「ブログアイコン」の右横の「ファイルを選択」をクリックして、②のアイコンを選択します。最後に、ページの下の「変更」をクリックして完了です。5分以内でできました。

ブログファビコン作り方

④反映されるまでは少し時間が必要

変更するをクリックしてもすぐには反映されません。少し時間がかかる場合があるので、気長に待ちましょう。こんな感じになりました。それっぽいですね。カメラが関係するブログであることは分かります。

ブログファビコン作り方 ブログファビコン作り方

このブログアイコン(ファビコン)は意外と目にする機会が多いので、はてなブログをはじめた方でまだ設定をしていない方は、この際トライすることをおすすめします。

ブログアイコンにおすすめする絵と、おすすめできない絵

ブログアイコンはとても小さい画像です。ポイントは以下です。

  1. シンプルであること
  2. 色は最小限に抑えること
  3. 正方形であること

ごちゃごちゃした絵をアイコンにしても、何の絵がさっぱりわかりません。色もグラデーションにこだわっても全くわかりません。特にブログアイコンに使いにくい写真は、風景写真、ペット、自撮り写真などです。見てもわからなないです。

以下の画像、ブログアイコンと同じサイズ(64×64ピクセル)の画像です。何の画像かわかりますでしょうか?

左から、三嶋大社、花、富士山です。64×64ピクセルでこのサイズですので、ここから更に小さくしたら、何の画像か分かるのは富士山がギリギリでしょうか。それもどこかの山であることくらいしかわかりません。

ブログアイコンで迷ったら、1文字デザインがおすすめ

ブログをはじめたばかりでは、何を記事にするのかもまとまっていない場合が多いと思います。そこで、迷った場合のおすすめが、1文字デザインです。自分の名前からでも、サイト名からでもいいので、1文字を選んで、色を付けて終わり、というデザインです。何の絵か分からないアイコンになるよりも、シンプルでいいと思います。

【favicon】アルファベットのファビコン素材をフリー配布しています。 – Nazuna-Log

まとめ

はてなブログにブログアイコン(ファビコン)を作る方法をご紹介しました。紹介した方法であれば、綺麗なデザイン、正方形、サイズも、ファイル形式もピッタリなブログアイコンが5分で作れます。とても見る機会の多いアイコンです。ブログをはじめた方、まだ設定がされていない方は、この機会にトライしてみてはいかがでしょうか。

みなさまのブログライフのご参考になれば幸いです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です