« 菊地さんの工作室よりお借りして日月出没計算を設置しました。 | メイン | スマホサイトに「この記事は約何分で読めます」を付けてみました。 »

2025-04-07

ファビコン favicon (ブックアイコン)の設定について　(PC)

いつの間にか晴れ時々曇りのファビコンが元の風邪ログの物に代わっていました。
不思議ですねー。
今回ＰＣ用のファビコンの設定についてお話します。
ファビコン favicon (ブックアイコン)はアドレスバーのブログタイトルの前に表示されている下の物［晴］です。

Photo

ファビコンはブログ等のウェブサイトの印象を左右する重要で、ブランドイメージの魅力を表現するのに最適です。
そこまで言わなくても、人と違ったものが付いていればなんだか気分が良いと思いませんか？

通常ファビコンは下の記述をHTML内の<head> ～ </head>の間に入力する必要があります。

<LINK REL="SHORTCUT ICON" href="https://アドレス.kazelog.jp/〇〇〇/favicon.ico">

しかし、風ログは違うらしんです。上のようにやっても良いのでしょうが、多分これから説明するやり方で簡単に出来ると思います。

ファビコンの設定①まずは画像を作成する。windows に付属している画像ソフト(ペイント)でサイズを16PX*16PXか32PX*32PXで作製します。他でも大丈夫です。

ブラウザタブに表示されるファビコンのサイズは「16px×16px」が一般的ですが、できれば大きめのサイズで作成しておくと良い そうです。

わたは「32PX*32PX」で作りました。

②作製したら保存します。名前は「favicon」にしてください。ファイル形式はPNGにでもして保存します。GIFなどほかでもＯＫ。

③保存した「favicon」の拡張し(PNG・png)を「.ico」に本校します。

④コントロールパネル → ファイル の中に元の(風ログのfavicon.ico)があるので選択して削除します。

⑤④が出来たら作成した「favicon.ico」をアップします。初めは風ログのが出ているかも。再読み込みすれば変わります。

⑥アップした「favicon.ico」を選択してクリックすると作成したファビコンが表示されます。

⑦たぶんこれでファビコンが設定できていると思います。

※iphoneのsafariでは表示されないようです。

DIY, ブログ改造計画 |

コメント

コメントを投稿

コメントは記事の投稿者が承認するまで表示されません。

Calendar

  •   Well come!! 晴れ時々曇り
     


    --------------------------
    *** 本日の暦 ***

日月出没計算

B0027WPIRY

お勧めの本

アクセスランキング

フォトアルバム

Affiliate

いいねボタン

JV