ファビコンとは?
ファビコン(favicon)・・とはあまり聞きなれない言葉ですが、ホームページのアイコンとして使われている画像のことです。
Faviconとは、Webサイトを訪れた時に、アドレスバーやタブブラウザのタブ部分などに表示されるアイコンのことである。名称の由来は、「お気に入り(favorite)のアイコン(icon)」を短縮した造語であり、Webブラウザのお気に入り(ブックマーク)に登録した時にもFaviconが表示される。
https://www.weblio.jp/より引用
お気に入りに登録した時に表示されるから favorite icon → favicon なのですね!
由来がわかると覚えやすいです。
パソコンではすごく小さく表示されていてわかりにくいのですが、スマホでお気に入り登録やホーム画面に追加すると、四角いアイコンが大きく表示されます。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/08/510x381x1-1.jpg.pagespeed.ic.kA0eMS5QDi.jpg)
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/08/149x154x2-1.jpg.pagespeed.ic.Ytjfwu8W2_.jpg)
ワードプレスでファビコンを設定していないと、デフォルトのアイコン が表示されます。
カスタマイズ画面から簡単に設定できますので、ぜひオリジナルアイコンに変えておきましょう!
ファビコンの設定の仕方
ダッシュボード
↓
外観
↓
カスタマイズ
↓
サイト基本情報(一番上にあります)
のサイトアイコンのところに画像をいれるだけです。
*ワードプレスが案内してくれているように、512 × 512 px の画像を用意します。
![](https://www.webroad.co.jp/wp/wp-content/uploads/2022/08/3.png.pagespeed.ce.ccFIQiQce6.png)
ロゴがある場合はそのままアイコンにできますし、「ロゴなんて作ってない!」という方も、社名や屋号の頭文字を◯や■で囲むだけで簡単にアイコンぽくなります!
せっかくオリジナルのサイトでファビコンも簡単につくれるのに、デフォルトのままではもったいないです。
次回の記事では実際に、ファビコンをPhotoshop で作っていきます。
「ファビコンの作り方がわからない」という方は、ぜひ次回の記事(ファビコンの作り方)も参考にしてみてください。
投稿者プロフィール
![Izumi](https://www.webroad.co.jp/wp/wp-content/uploads/2023/04/IMG_0882.png.pagespeed.ce.Vnnk0a-Q-n.png)
-
2018年より始めた事業のホームページを自作し運用していくなかで、ホームページ制作の楽しさをしり、独学から本格的にWebを学ぶ。
2020年より、自分の周りのWebが苦手な人たちを助けたいという思いからWeb制作を中心にフリーで活動。
2022年より株式会社ウェブロードに入社し、制作・デザインの知識をさらに深めながら、初心者でもわかりやすいWordPressの操作方法などを発信中。
最新の投稿
お問合せフォームはこちら
(※営業電話が多いため留守電にしています。お急ぎの方は下記メールフォームをお使いください。)
お見積りのご依頼・打ち合わせはZOOM/GoogleMeet/お電話等、オンラインでも対応可能です。全国からお問い合わせを受付けています。 2営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますが、下記メールアドレスにご連絡ください。