WordPress

ファビコンってちゃんと作ってる?設定方法から自分で綺麗に作成する方法まで一挙紹介

いきなりですが、「ファビコン」ってご存知ですか?サイト運営者ならほとんどの方が知っている言葉だと思いますが、独自ドメインでブログを開設したばかりの方には分からない方もいると思います。

ちなみにこれ↓

…ではないですよ(笑)

そこで今日はファビコンの設定方法から自分で綺麗に作成する方法まで紹介していきたいと思います。

ファビコンとは?

「そもそもファビコンってなんぞや?懐かしのゲームですかいな?」という方に向けて簡単にファビコンについて説明していきます。

ファビコンとはウェブサイトのシンボルマークのことです。

インターネットを開くとタブの横にマークがあるのを見たことありませんか?私のサイトでいうと次の画像の赤線で囲ったところのことです。

“マツコのマツコラム”というサイト名で、イメージカラーがこの深めの青なので、分かりやすくこのファビコンを作成しました。かな~りシンプルなのでいずれ変更するかもしれません。

画像からも分かるように、ファビコンを設定していると、タブを複数開いている場合などに、誰にサイトにアクセスしているか明確になります。また、顔と名前が一致するように、ファビコンとサイト名をセットで覚えてもらえるかもしれません。

ちなみに、ファビコンが未設定だと次の画像が表示されます。

これでは誰のどんなサイトか分からないですよね。よって、ファビコンの設定が必須になってくるというわけです。

ファビコンの設定方法

ここではワードプレスのファビコンの設定方法について紹介していきます。(他のブログサービスを使っている方はすいません)

WordPress管理画面から「外観 > カスタマイズ」へと進みます。

次の画像のようにライブプレビュー画面になるので、「サイトの基本情報」をクリックしてください。

すると、サイトの基本情報の詳細画面へと移ります。この中にファビコンを投稿・設定する場所があります。※画像はTCDのCOREを参照にしていますが、ワードプレスなら似た画面が表示されるはずです。

画像内ではすでにファビコンが設定されていますが、ここの新規で画像をアップロードすることになります。

ファビコンの規格

ファビコンのアイコンサイズの主な規格は、タスクバーに表示されるもので「16px×16px」、デスクトップのショートカットで「32px×32px」となります。

また、スマホのウェブクリップアイコンは「114px×114px」となります。

ファビコンを簡単に自作する方法

ここからは綺麗なファビコンを簡単に自作する方法を紹介していきます。

Favicon Generator

リンクはこちら:
http://www.degraeve.com/favicon/

ドット絵でファビコンを作れるサイトです。ちなみに私も今のファビコンをこのサイトで再現してみたところ、1分もかからず出来上がり…ってクオリティーが…(笑)

絵心がある方は凝ったファビコンを作ることができるかも?

その他

他には画像をアップロードしてファビコンの規格に変更するサイトもありますが、私的にはFavicon Generatorを使うか、パソコンに最初から入っているペイントを使って自作すれば十分だと思います。

Photoshopが使えるならさらに美しいファビコンを作成できるでしょう。

まとめ

ファビコンはサイト運営では欠かせない要素なので、できるだけ早く設定しておくことをおすすめします。もしどうしてもデザインが決まらない場合はフリー素材の画像をファビコン規格にするだけでもいいので、まずはチャレンジしてみることから始めましょう。

 

最後まで読んでいただきありがとうございました。

ABOUT ME
マツコ
マツコ
ゲームやマンガをこよなく愛する28歳の愛知県民。1児のパパになって娘を溺愛中。2018年から一条工務店のi-paletteで生活しています。当ブログではマイホーム、実家(毒親) 問題、 漫画、育児、街コン体験談などについて書いています。
おすすめVODランキング

数あるVOD(ビデオオンデマンド)サービスの中から、私が実際に使ってみて良いと思ったものをランキング形式で紹介します。

hulu
hulu

作品数と月額のバランスが最も良いのが「hulu」です。

国内・海外問わずドラマが豊富で、アニメにも力を入れています。特に海外ドラマは先行配信に期待ができます。

また、日本テレビ系列の会社が運営しているため、「名探偵コナン」など、日テレで放送されている作品が他社より充実しています。

評価
月額 933円(税抜)
無料期間 2週間
作品数 50,000本以上

公式ページ

U-NEXT
U-NEXT

圧倒的作品数を誇るのが「U-NEXT」です。

月額がやや高いですが、毎月付与される1,200円分のポイントを月額から相殺したり、動画のレンタルや電子書籍版の雑誌・漫画の購入に使ったりできるのが特徴です。

ディズニーやア〇ルト動画を見れるのも他社とは一線を画します。

評価
月額 1,990円(税抜) ※毎月1,200円分のポイントが付与される
無料期間 31日間
作品数 見放題作品90,000本、レンタル作50,000本

公式ページ

プライムビデオ

動画本数こそ劣るものの、圧倒的コストパフォーマンスを誇るのが「Amazonプライムビデオ」です。

というのも、プライム会員のおまけで動画見放題も付いてくるので、おまけ要素なのに豪華すぎるのが実際のところ。

プライム会員では、配送料や時間指定などが無料なことに加え、音楽が聴けるサービスなんかもあります。おまけでドラマや映画、アニメがこれだけ見れるのは凄いですよね!

評価
月額 325円(税抜)
無料期間 30日間
作品数 2,000本以上

公式ページ