【WordPress】サイトアイコン（ファビコン）の設定方法｜作成方法も紹介

サイトアイコン（ファビコン）とは、ブラウザのタブやブックマークなどに表示される、小さな画像のことです。

サイトアイコンを設定しておくと、自分のブログを見分けやすくなり、サイトの印象を整えることにもつながります。

この記事では、サイトアイコンを設定するメリットや画像の作成方法、WordPressでの設定手順を解説します。

サイトアイコン（ファビコン）とは

サイトアイコンとは、ブラウザのタブやブックマークなどに表示される、Webサイトを識別するための画像です。一般的に、favorite icon（フェイバリットアイコン）と言い、略して「ファビコン」と呼ばれています。

WordPressでは、自分で用意した画像をサイトアイコンとして設定できます。

サイトアイコンを設定する3つのメリット

サイトアイコンを設定しただけで、検索順位が上がるわけではありません。しかし、設定しておくことで3つの大きなメリットがあります。

サイトを識別しやすくなる

パソコンでタブをたくさん開いているときでも、サイトアイコンを見れば目的のページを見つけやすくなります。また、スマホのホーム画面にWebサイトを追加した場合にもサイトアイコンが表示されます。

自分のブログに合ったアイコンを設定しておくと、ほかのサイトと見分ける際の目印になります。

サイトの印象を整えられる

サイトアイコンは、自分で設定しなくても代替アイコンが表示されるので問題はありません。サイトアイコンを設定していない場合は上記のような「WordPress」の画像が表示されます。

しかし、サイトアイコンを設定している場合と設定していない場合とを比べると、ユーザーに与える印象がちがいます。

オリジナルの画像を設定しておくと、ブログ全体のデザインに統一感を持たせやすくなります。

ブログの個性を表現できる

サイトアイコンには、ブログのロゴやイメージに合ったイラストが設定できます。ブログのテーマやイメージに合わせてデザインすると、サイトの個性を表現するのに役立ちます。

小さな画面では細かなデザインが見えにくくなるため、シンプルで分かりやすい画像を選ぶのがおすすめです。

サイトアイコンの作成方法

サイトアイコンは小さく表示されるため、複雑なデザインよりも、ひと目で分かるシンプルなデザインが向いています。

自分で作成する方法のほか、素材サイトを利用したり、イラスト制作を依頼したりする方法もあります。

フリー素材サイト「イラストAC」を利用する

無料でイラストがダウンロードできるフリー素材サイト「イラストAC」を利用して、サイトアイコンを作成することができます。

イラストACには、かわいいイラストやリアルなイラストなど多数のイラストが掲載されています。ダウンロードしたイラストは、画像の加工や編集、商用利用も可能です。

利用には会員登録が必要です。無料会員の利用条件やダウンロード制限などは、公式サイトで確認してください。

＞＞イラストダウンロードサイト【イラストAC】への無料会員登録はこちら

会員登録の手順や使い方は、こちらの記事で詳しく紹介しています。

ココナラでアイコン作成を依頼

 

ココナラは、オンラインでサービスの売買ができる日本最大級のスキルマーケットです。

累計実績109万件超、8.8万人以上イラストレーターさんが在籍しており、好きなイラストレーターさんを探してアイコンを依頼することができます。

イラストを購入するためには、会員登録（無料）を行う必要があります。会員登録を行うと、10％割引クーポンがもらえます。

≫≫1分以内に完了！無料会員登録はこちら

会員登録やアイコン制作の依頼方法については、こちらの記事をご覧ください。

Windows「ペイント」でアイコン作成

絵やデザインを描くのが得意な人は、自分で描いたイラストをプロフィール画像にする方法もあります。Windowsに標準搭載されている「ペイント」などの画像編集ソフトを使えば、自分で画像を作成できます。

ブログ名の頭文字やシンプルな図形などを作成すれば、小さく表示されても見分けやすいデザインにできます。

1．パソコン左下の検索窓に「ペイント」と入力します。

2．検索結果に「ペイント」が表示されるのでクリックすると、起動できます。

サイトアイコンを作るときの画像サイズ

WordPressで使用するサイトアイコンは、縦横512×512ピクセル以上の正方形画像を用意するのがおすすめです。

ファイルの種類についての記載はありませんが「PNG・JPEG」で問題なく表示されています。

表示されるサイトアイコンは小さいので、細かすぎたり複雑すぎたりすると何が描かれているのかわからなくなります。できるだけシンプルなサイトアイコンを作成するように心がけます。

また、サイトアイコンはサイトを印象づけるひとつです。サイトのイメージと合うようにアイコンを作成することが大切です。

サイトアイコンの設定方法

1．左サイドバー「設定」→「一般」をクリックします。

2．「サイトアイコンを選択」をクリックします。

3．「ファイルをアップロード」または「メディアライブラリ」→設定する画像を選ぶ→「サイトアイコンとして設定」をクリックします。

4．ページ左下の「変更を保存」をクリックすれば、サイトアイコンの設定が完了です。ブラウザのタブなどを見て、問題なく設定できているかを確認しましょう。

サイトアイコンは質と利便性が向上する

サイトアイコンは、ブラウザのタブやブックマークなどでブログを見分けるための画像です。

オリジナルのアイコンを設定すると、サイトを識別しやすくなり、ブログの個性を表現することにもつながります。

自分で画像を作るのが難しい場合は、素材サイトを利用したり、制作を依頼したりする方法もあります。

サイトアイコンを無料で作るなら→イラストダウンロードサイト【イラストAC】

サイトにぴったりのオリジナルアイコンを作成したいなら→ココナラ

まずはブログのイメージに合った画像を用意して、サイトアイコンを設定してみましょう。