ブックマーク(お気に入り)のリストを出した時に、サイトタイトルの左に小さいアイコンが表示されますよね?
それがファビコンです。
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_587,h_388/https://yukina8.com/wp-content/uploads/2019/05/6436d06b6d6bf307dbece7d2722abc9c.png)
ブラウザで自分のブログを表示させた時に、タブの左に小さくアイコン画像が表示されるのもファビコンです。
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_400,h_240/https://yukina8.com/wp-content/uploads/2019/05/311be9159c6a8d27f2a2943a6c74f1f3.png)
スマホだとこんなカンジに表示されます。
ブックマークのリストにファビコンがあると見やすいし、探す時も目印になるので、ブラウザ上で一度別のタブに移動したとしても戻ってきやすいです。
オリジナリティーを出せば、自分のブログを覚えてもらうチャンスにもなるので、ぜひ設定しておきましょう!
今日は以下のことを説明します!
- ファビコンの画像の準備方法
- WordPressテーマ【JIN】でのファビコンの設定方法
ファビコンにする画像を準備する
まずは画像を準備するところから始めます。
ファビコンはとても小さいので、あまり複雑な画像だとつぶれてしまって見えません。
シンプルな画像にするのがおすすめです。
「JIN」は、512 × 512 ピクセル以上の正方形を推奨。
ちなみに私は500 × 500 ピクセルだったけどキレイに表示されています。
①フリー素材を利用する
「フリー素材 ファビコン」で検索するといくつか出てきます。
個人的には「サルワカ」さんもおすすめしているこちらのサイトのアイコンがとてもキレイで好きです!
②自分で作る
ファビコンを自分で作ることができるツールもあるんですよ。
こちらのサイトでは、自分が持っている画像をファビコンに加工することができるので、ぜひ挑戦してみてくださいね。
③イラストレーターさんに描いてもらう
オリジナルのファビコンが欲しかったり、自分で用意したり作ったりするのが苦手な人は、プロに頼むといいですよ。
私のファビコンは、以前ココナラで描いてもらった自分のアイコンを使っていたのですが、小さすぎて何なのか分からなかったので、ずっと変えたいと思っていました。
関連:coconala(ココナラ)でSNSアイコンを依頼。格安で作成してもらおう!
そんな時にツイッターのタイムラインで「ファビコン書きます」と流れてきたので、もう即決でした。
しかもずっと憧れていた、しーさん(@umi59061247)!
ファビコン書きます!!!
お値段は…言い値で(*’ω’*)✨
DMくださいな~ https://t.co/ErEFmPMXFi
— しー@イラスト描きます (@umi59061247) 2019年5月25日
DMでお願いしたら快諾していただけて、そこから30分くらいでこんなに可愛いイラストが完成したのです!
【ファビコン企画】
ゆきなさん(@yukina888)
ブログのファビコンを描かせていただきました☺️DMありがとうございました🥰 pic.twitter.com/0wwggLQsw4
— しー@イラスト描きます (@umi59061247) 2019年5月25日
感激!!
絵を描く人ってなんて凄いんだ~(*^-^*)
しーさん(@umi59061247)は、その他にもいろいろなイラストを描くお仕事をしていらっしゃいますので、しーさんの絵が大好きな人はぜひ依頼してみてください!
「イラストのご依頼について」
「しいらすと」より
しーさん(@umi59061247)のイラスト実績と、イラストを依頼する方法が書かれたページに飛びます。
もちろんココナラでも描いてもらえますので、自分が好きなイラストレーターさんをさがしてみてくださいね。
公式サイトの一番上の検索窓に「ファビコン」と入れて検索してください!
ファビコンにする画像が準備できたら、あとは設定するだけです。
ファビコンの設定方法※WordPressテーマ「JIN」の場合
WordPressテーマ「JIN」と言えばワードプレス初心者にも優しいテーマですが、ファビコン設定も簡単にできます。
関連:WordPress(ワードプレス)テーマ「JIN」を初心者におすすめする4つの理由
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_248,h_300/https://yukina8.com/wp-content/uploads/2019/05/dcd0e270501fcd6cc66d68c6ff94c12e-248x300.png)
ダッシュボードの、外観 > カスタマイズ > サイト基本設定 と進みます
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_296,h_300/https://yukina8.com/wp-content/uploads/2019/05/99464ba587e888719b1c2b14344c730b-296x300.png)
サイトの基本設定を選び
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_282,h_300/https://yukina8.com/wp-content/uploads/2019/05/c07e9adc02dcd075054d3c29c593a7e4-282x300.png)
サイトアイコンの項目で「画像の変更」をクリック
※初めて設定する人は「画像の選択」となっています
おわりに
ブログのブックマークアイコン(ファビコン)の画像の準備の仕方と、「JIN」での設定方法を書きました。
自分のお気に入りの画像をファビコンにすることで、愛着もわくし、覚えてもらいやすいので、ぜひ設定してみてくださいね!
ゆきなさん
おはようございます。
かみきちと申します。ブログ超初心者です。
「ブログのブックマークアイコン(ファビコン)画像の準備と設定の方法|WordPressテーマ「JIN」の場合」を見て、全く迷わずに
ファビコンを設置できました。
ありがとうございました。
かみきちさん
コメントありがとうございました!
お役に立てたようで嬉しいです(*^-^*)