![](https://enjoy-lifes.com/wp-content/uploads/2023/01/bubble02.jpg)
SWELLのサイトアイコン(ファビコン)を設定する方法を知りたい
このような悩みを解決します。
SWELLでサイトアイコン(ファビコン)の設定方法
サイトアイコン(ファビコン)とは、インターネットブラウザで開いているタブの左側に表示される
アイコンのことです。赤の丸で囲っている箇所です。
![ファビコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon02-1.webp)
![ファビコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon02-1.webp)
サイトアイコンを何も設定していないと「
」のマークが表示されます。![サイトアイコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon02-2.webp)
![サイトアイコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon02-2.webp)
こんな感じです。
多くの企業サイトは、ロゴをサイトアイコンに使用していますが、
個人のブログやサイトは、ご自身お気に入りの画像やイラストを使っている場合が多いです。
![](https://enjoy-lifes.com/wp-content/uploads/2023/01/bubble01-2.jpg)
![](https://enjoy-lifes.com/wp-content/uploads/2023/01/bubble01-2.jpg)
![](https://enjoy-lifes.com/wp-content/uploads/2023/01/bubble01-2.jpg)
サイトアイコン(ファビコン)をオリジナルアイコンに設定することで、
自分のサイトのタブがひと目でわかり、サイトに愛着がわきます。
このようなメリットがありますので、ぜひ設定しましょう。
サイトアイコン(ファビコン)設定手順を解説!
![サイトアイコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_faviconset01-1024x538.webp)
![サイトアイコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_faviconset01-1024x538.webp)
最初にサイトアイコンに使う画像を準備する
サイトアイコン(ファビコン)は512 × 512ピクセル以上の正方形にしてください。
画像の形式は、
- jpg
- png
- ico
WordPressは、png形式で設定できます。
当サイトは、jpg形式で作成しました。
また、人の画像や他のサイトの画像を無断で使用すると著作権の問題になる場合がありますので、
オリジナルの画像を作成しましょう!
サイトアイコンを作る方法としまして、
・自分で作る
・人に作ってもらう
![](https://enjoy-lifes.com/wp-content/uploads/2023/01/bubble01-2.jpg)
![](https://enjoy-lifes.com/wp-content/uploads/2023/01/bubble01-2.jpg)
![](https://enjoy-lifes.com/wp-content/uploads/2023/01/bubble01-2.jpg)
依頼する場合は、「ココナラ」がオススメです。
自分好みのイラストや画像を作成してくれる人に依頼することで、オリジナルサイトアイコンが
できます。「ココナラ」をみて作ってもらうのもありだと思います。
![](https://www13.a8.net/0.gif?a8mat=3N3RI5+CPUDQY+2PEO+OAHHE)
![](https://www13.a8.net/0.gif?a8mat=3N3RI5+CPUDQY+2PEO+OAHHE)
![](https://www19.a8.net/0.gif?a8mat=3N3RI5+CPUDQY+2PEO+OUMSH)
![](https://www19.a8.net/0.gif?a8mat=3N3RI5+CPUDQY+2PEO+OUMSH)
SWELLでサイトアイコン(ファビコン)の設定方法
![サイトアイコン(ファビコン)](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon03-1-1024x645.webp)
![サイトアイコン(ファビコン)](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon03-1-1024x645.webp)
赤で囲っている箇所をクリック。
![サイトアイコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon04-1.webp)
![サイトアイコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon04-1.webp)
![サイトアイコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon05-1.webp)
![サイトアイコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon05-1.webp)
「サイトアイコンを選択」をクリックしてファビコンに使う画像を設定します。
![サイトアイコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon06-1.webp)
![サイトアイコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon06-1.webp)
サイトアイコン(ファビコン)に使う画像を設定します。
![](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon07-1024x450.webp)
![](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon07-1024x450.webp)
![サイトアイコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon08-568x1024.webp)
![サイトアイコン](https://enjoy-lifes.com/wp-content/uploads/2023/11/swell_favicon08-568x1024.webp)
サイトアイコン(ファビコン)が設定されているかブラウザのタブを確認してみましょう。
SWELLでサイトアイコン(ファビコン)の設定手順のまとめ
SWELLでサイトアイコン(ファビコン)を設定する手順をご紹介しました。
サイトアイコンの設定手順は、
- サイトアイコンに使用する画像を準備する
- SWELLにサイトアイコンを設定する
画像さえ準備できれば、簡単にSWELLに設定できます。
![](https://enjoy-lifes.com/wp-content/uploads/2023/01/cropped-bubble01-2.jpg)
![](https://enjoy-lifes.com/wp-content/uploads/2023/01/cropped-bubble01-2.jpg)
![](https://enjoy-lifes.com/wp-content/uploads/2023/01/cropped-bubble01-2.jpg)
アイコンに悩んでいる方は「ココナラ」でおしゃれなサイトアイコンを作ってもらうのもありだと思います
![](https://www13.a8.net/0.gif?a8mat=3N3RI5+CPUDQY+2PEO+OAHHE)
![](https://www13.a8.net/0.gif?a8mat=3N3RI5+CPUDQY+2PEO+OAHHE)
![](https://www12.a8.net/0.gif?a8mat=3N3RI5+CPUDQY+2PEO+P42AP)
![](https://www12.a8.net/0.gif?a8mat=3N3RI5+CPUDQY+2PEO+P42AP)
作成費用の相場も1,000円〜3,000円ぐらいでありますのでお手軽に作ることができます。
サイトアイコン(ファビコン)は、自分のブログに愛着もわき、印象を伝える要素でもあります。
ぜひ設定してみましょう。