ファビコンfaviconについて – 日常の業務効率化をサポート-Thunderbird(Outlook)やWordpress設定

ファビコンfaviconを作りましょう！！

ファビコンfaviconって何？

ブラウザでお気に入りに入れた時にホームページ名の左に表示されるマークです。

↑このマーク

これを作成していないと

このようなマークになります。

寂しいですし、自分のホームページをお気に入りに入れてもらったあとに見つけやすくなります。

見つけやすいということは、一日に見てもらえる人の数が増える可能性があるという意味です。

ファビコンの代表的なサイズ

ってキリがないので、

16px × 16px、32px × 32pxのみで十分です。経験を積んでいき、余裕が出てきたときに気が向いたら他サイズを検討してよいというレベルです。

前記のファビコンの形を見ると丸型ですが、初心者は、正方形で作ります。

Windowsでペイントを開きます。

152×152のサイズにします。下図の赤丸の箇所を【クリック】するとサイズ変更できます

縦横比を維持するのチェックを外して152のサイズを入力します

作ったのがこれ

英語です。でも簡単です。

開いて、下記の赤い箇所を【クリック】

下記画面が表示されるの右下青いボタンを【クリック】

下記ページが表示されるので、スクロールして下部の青いボタンを【クリック】

下記の箇所を【クリック】してファイルをダウンロードします

複数の画像がダウンロードされますが

・favicon-16×16.png
・favicon-32×32.png
・android-chrome-144×144.png→144×144
・apple-touch-icon.png→152×152

のみを使用します。

下記「画像ファイル1を選択」からひとつひとつ画像を選択して、最後にアイコン作成ボタンを押します

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

アイコンダウンロードボタンを押すと、ファビコンの出来上がりです。

次回は、設定です。また、更新します。

STINGERというWordpresのテーマを使用している場合には「STINGER管理」というページでファビコンをアップする箇所があります