誰でもパワーポイントだけで超簡単にファビコン（サイトアイコン）を作れる方法を解説。
ファビコン制作を外注する方や、画像制作ソフトを使う方も多いようですが、
Windows基本ソフトのパワーポイントだけで作ってしまうのが一番簡単。
外注する場合のデザイナーとの面倒なやりとりをしている時間よりも
早く効率的に、そして簡単に作れる方法です。
Contents
ファビコン制作にパワーポイントをおすすめする理由
❶お金がかからない
パワーポイントはほとんどのPCに基本スペックとして入っていますよね。
パワーポイントで十分制作できますので有料ソフトを使う必要も外注する必要もありません。
❷時間がかからない
外注する場合はお金がかかるだけでなく、実は時間もかかっています。
イメージはああでこうでとやりとりしたり、見積取ったりしますよね。
そんなやりとりにかかる時間よりもパワポ制作の所要時間の方が短いです。
❸ファビコンは細かいデザインをしない方が良い
画像制作ソフトは慣れないと使い方が難しいというデメリットがあります。
ファビコンは細かなデザインを入れない方が却って良いので、
画像制作ソフトの多様な機能は不要。
もっと操作が簡単なパワーポイントで作る方が効率的です。
ファビコン制作のコツ
❶サイトのイメージカラーを使う
自分のサイトの目印なので、サイトのメインカラーを使うこと。
ファビコンの色とサイトのメインカラーが異なるとファビコンを設置するメリットが十分に発揮できません。
フッダーと同じ色をファビコンに使うのがおすすめです。
ファビコンを設置するメリットについてはこちらの記事で解説しています。
【初心者でもわかるワードプレス】ファビコン簡単設定方法～設定メリットも解説～
❷文字は多くても２文字
ファビコンがサイトに表示される時の大きさはわずか数mm四方。
この小さなスペースで容易に目視できる文字数は多くても２文字までです。
サイトタイトル全部を入れても細かい点にしか見えないので、
文字を入れる場合にはサイトの頭文字や、略文字を最大２文字までにしましょう。
例えばYahoo!の場合、ロゴの最初と最後の２文字でファビコンにしています。
❸細かくデザインしない
数mm四方の表示サイズでは、細かなデザインは目視できないどころか
コチャコチャっとして見づらくなります。
サイトのロゴがある場合でも、ロゴのデザインが細かい場合には
そのままファビコンに使うことは避けた方がよいでしょう。
このようにファビコンを並べてみると、細かくないデザインの方が見やすいのがよくわかりますよね。
認識しやすいデザインの方が、いったんサイトを離脱した後に、
タブを見て戻ってくる可能性が高くなります。
では次に、簡単にファビコンを作る方法を具体的に解説していきます。
パワーポイントでファビコンを作る方法
まずは自分のサイトからメインカラー切り出します。ヘッダーを切り取るのがおすすめです。
①Snipping Toolのアプリを入れている場合は、このツールを使って切り出したい色の部分を切り取り、そのままパワーポイントに貼り付ける。
Snipping toolがない場合は、PC画面全体のスクリーンショットを撮ってパワーポイントに貼り付けてから不要な部分をトリミングします。
②切り出した図形を右クリックで選択。
③図の形式をクリック。
④「サイズ」の右の矢印をクリックして詳細メニューを表示する。
⑤「縦横比を固定する」のチェックを外す。
⑥「元のサイズを基準にする」のチェックを外す。
⑦高さと幅を同じ数値にする（正方形にする）。
※何cmでも良いのですが、とりあえず縦横5cmで進めていきます。
⑧「挿入」をクリック。
⑨「テキスト」をクリック。
⑩「テキストボックス」をクリック。
⑪「横書きテキストボックスの描画」をクリック。
⑫余白にカーソルを置き、ファビコンに入れる文字を入力。
⑬文字全体を選択し、フォントを大きくする。
※最終的に微調整を行いますが、仮にフォント100で進めていきます。
⑭「B」をクリックして太字にします。
⑮文字を正方形の上にドラッグする。
⑯文字のカラーを選ぶ「A」をクリック。
⑰好きな文字色を選択。
※正方形の色が濃い場合は白がおすすめ。正方形の色が薄い場合は黒か濃いグレー、またはサイトの配色の中で一番濃い色で試してみてください。
⑱文字を全選択する。
⑲フォント名の横の下矢印をクリックしてフォント候補を表示する。
⑳好きなフォントを選びましょう。
※ここで選択するフォントによっては文字のサイズバランスが悪くなったりします。その場合は手順⑬の数字を100から90に小さくしたり、110に大きくしたりしてサイズ調整します。
㉑文字と正方形の二つを選択して「コピー」。
※Ctrl＋C（コピー）のショートカットキーを使うのが楽。
㉒余白で左クリックをし、貼り付けオプションの「図として貼り付け」のマークをクリック。
これで背景と文字が一つの画像にまとまりました。
㉓新たに出来た図形を選択して左クリック。
㉔「トリミング」をクリック。
㉕正方形の際まで余白部分をトリミングする。
㉖トリミングした図形を選択して左クリック。
㉗「図として保存」をクリック。
画像タイトルを付けて、JPEG形式で保存しましょう。
これでファビコン画像が完成です！
このファビコン画像をサイトに設定する方法はこちら▶【初心者でもわかるワードプレス】ファビコン簡単設定方法～設定メリットも解説～
よくありそうな質問
ファビコンを丸にしたいんですけど、パワポでも丸形にできますか？
できます。
色合いを設定済の正方形に丸を重ねる→丸形に切り出す→切り出した丸型に文字を乗せる→PNGで保存する
という手順で、丸形のファビコンを作ることができます。
でも敢えて、正方形をおすすめする理由があります。
ファビコンは正方形が良い理由
スペースを最大限使い切れる
たった数mm四方のスペースしかないのに、丸などにしてしまうと四隅がカットされる分、サイトの色を出し切れなくなります。
認知度の高いサイトでアイコンも周知されているような人気ブログであれば、
この点はあまり気にする必要はないのですが、
初心者ブログの場合にはできるだけアピールが必要。
四隅が削られるだけで存在感が下がってしまいますので正方形ファビコンでできるだけ目立たせるのが良いですね。
正方形以外で作るとデータが重くなる
正方形以外で画像を作成すると、画像の外側を透明にする〟透過処理〟の必要が出てきます。
手順㉗の「図として保存」の時に、PNG形式で保存するとパワポでも透過処理をすることはできます。
しかし、PNGで保存することで、JPEGで保存した時の何倍ものデータ量になってしまうのが難点。
少しでもデータを軽くしておきたいブログ運用で、無駄にデータを食ってしまうのはちょっともったいない気がします。
パワポで簡単にファビコンが作れる方法の紹介でした。
次は作った画像をブログに設定する方法のかんたん解説▼こちらをご確認ください。
Affinger Cocoon ESD ESG投資 mixhost SEO sns WordPress おすすめグッズ ゆっくりブログ挑戦記の運用報告 ストレスマネジメント スパム対策 スロークッカー セミリタイア セルフマネジメント ダイバーシティ ビジネススキル フードロス プラグイン ヨガ ライフスキル 健康 占い 家電 弁当 心理学 旅の準備 旅行用品 時短 株主優待 習慣化 資格取得 転職 配当利回り 配色設定 食材使い切り 食材保存