« 「ジュリエッタ」が発売される。(Alfa Romeo Giulietta) | トップページ | ホワイトマリンも。(沼津港) »

ファビコンを設置した。(Favicon)

ブログでも見かけるようになったファビコンを設置してみた。

ファビコンとは、ブログのURLや

タイトルの左に表示されるアイコンのことだ。

   Yahoo_3

設置方法を調べてみると作業は4つの流れになるようだ。

 (1)原画作成

 (2)ファビコン形式にファイル変換(favicon.ico)

 (3)favicon.icoをブログへアップロード

 (4)ブログの設定(ココログの場合不要)

簡単に出来そうなので早速やってみた。

 (1)原画作成

   原画は「ペイント」ソフトを使用した。

   最終的に16×16ピクセル正方形になるのだから

   やや大きめに36×36ピクセル正方形で作成した。

    Icon02  favicon.jpg

 (2)ファビコン形式にファイル変換(favicon.ico)

   favicon.jpg を favicon.icoに変換してくれるWebサイトで変換した。

    FavIcon from Pics (英語)

   変換すると圧縮ファイルでダウンロードされるので解凍する。

     Icon02_2   favicon.ico

 (3)favicon.icoをブログへアップロード

   PC内で解凍したfavicon.icoをブログの「ファイル」のルート上

   アップロードする。

Photo_2

 (4)ブログの設定

   ココログの場合、前記(3)でfavicon.icoを「ファイル」のルート上

   アップロードすれば自動認識するので(3)で完了する。

    Natukusa

    ※ルート上へアップロードしても自動認識しないブログの場合でも

    「ブログ名」下の「サブタイトル(キャッチフレーズ)」へ

    下記のLink文を記述すれば良いようだ。

    <link rel="shortcut icon" href="http://○○○">

     ○○○は、favicon.icoのアップロード先URL

「まとめ」

設置は簡単だったが

私にはデザインする能力もソフトもないので

かなりお粗末なファビコンになってしまった。

そのうち少は見栄えのするファビコンを作ってみたいと思う。

【ファビコン(Favicon)】

ウェブサイトやウェブページに関連付けられたアイコンのことである。

Favorite icon(フェイバリット・アイコン)という英語の語句を縮約した

ものである。

|

« 「ジュリエッタ」が発売される。(Alfa Romeo Giulietta) | トップページ | ホワイトマリンも。(沼津港) »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/566318/53781268

この記事へのトラックバック一覧です: ファビコンを設置した。(Favicon):

« 「ジュリエッタ」が発売される。(Alfa Romeo Giulietta) | トップページ | ホワイトマリンも。(沼津港) »