この記事ではサイトアイコン（ファビコン）を設定する方法を初心者向けに詳しく解説しています。
WEBブラウザでサイトを開いた際にタブのサイト名の横に表示される小さなアイコンのことです。
下の画像のような小さなアイコンです。
サイトアイコン（ファビコン）を設定する手順
サイトアイコン（ファビコン）は「外観」→「カスタマイズ」で設定可能です。
サイトアイコン用の画像さえ用意できれば、設定自体はとても簡単です。
1. 「サイトの基本情報」を選択
「カスタマイズ」から「サイト基本情報」をクリックします。
2. アイコン画像をアップロード
「サイト基本情報」の「サイトアイコンを選択」で用意したアイコン画像をアップロードします。
アップロードが完了したら「公開済み」をクリックして保存すれば完了です。
画像サイズは512×512ピクセル以上が推奨です。
サイトアイコン用の画像を用意する方法
サイトアイコン用の画像を用意する方法は大きく分けて２通りです。
- AIを利用して作成する
- Canvaで作成する
- 有料で作成してもらう
AIを利用して作成する
現在は一番効率的な方法です。
具体的には「Chatgpt」や「Gemini」など無料バージョンでもかなり画像を作成することができます。
ただし、AIを利用して作成する場合は企業ロゴやキャラクターの模倣など著作権には注意してください。
「Canva」で作成する
画像作成でとても便利なのが「Canva」という無料で利用できるグラフィックデザインツールです。
キャラクターなど細かなデザインは厳しいので文字をメインとしたサイトアイコン作成にはお勧めです。
Canvaで実際に画像を作成する手順を簡単に説明しておきます。
① まず、「Canva」公式サイトで登録を行います。
「Canva」には無料で利用できる「Canva Free」と有料の「Canva Pre」があります。
無料バージョンでもかなり利用できます。
② 「Canva free」のホーム画面で「デザインを作成」を選択します。
③ 「カスタムサイズ」を選択します。
サイトアイコン用画像の推奨サイズが「512×512ピクセル」以上が推奨なので、ここでは例として「600×600ピクセル」で作成してみます。
サイズの入力欄に600と入力して「新しいデザインを作成」をクリックします。
④ サイトアイコン用画像を作成します。
使い方は実際に使用してみて色々と試してみてください。
下画像ではこのブログのタイトル「も（M）っと！（W）ordPressテ（T）ーマ」をもじって作成してみました。
「Canva 」の使い方については「アイキャッチ画像」を作成する方法を説明した記事でも解説していますので、参考にしてみてください。
→ 「Canva」でアイキャッチ画像を作成する方法【初心者向け】
⑤ デザインが完成したらダウンロードする。
「ファイル」→「ダウンロード」を選択します。
ダウンロードした画像を実際にサイトアイコンに設定してみるとこんな感じです。
「ココナラ」でアイコン画像を作成してもらう手順
アイコン画像を用意する方法として有料になってしまいますが、「ココナラ」でオリジナルアイコンを作成してもらうのもお勧めです。
商用利用が可能な条件のイラストレーターさんに依頼すれば、著作権の問題などを心配する必要もありません。
このブログのアイコンは「ココナラ」で依頼して作成してもらいました。
「ココナラ」でアイコン画像を作ってもらうまでの簡単な流れは次のような感じです。
- 公式サイトで会員登録する（無料）
- 作成してもらうイラストレーターさんを決める
- イラストレーターさんに作成を依頼する
- 支払いと納品
詳しくはこちらの記事をご覧になってください。