2014年01月22日

Faviconの作成、設置

きのう、Faviconを作成・設置しました!!

BlogのURLアドレスの先頭に何かマークを付けてみたいなあと思い、チャレンジしてみました。

こちらのURLを開いていただくと、画面の左上にFaviconが表示されます。
https://jakarta-seaotter.up.seesaa.net/image/favicon.ico

"Favicon"(ファビコン)の語源は "favorite icon" だそうです。
なるほど単純で覚えやすく、ユーモアがありますね。

Faviconの作成方法や作成ツールは色々あるようですが、
今回わたしはこちらを利用させてもらいました。
Favicon Generator
January22.2014

January22.2014
URLはこちらですhttp://www.degraeve.com/favicon/

ブラウザ上で16×16pixelの画像を作成し、デスクトップへ一旦保存。
保存した画像ファイルをBlogへアップロードし、画像のURLをゲットします。
そして右記のタグ <link rel="shortcut icon" href="/ここへ画像のURLを入力/favicon.ico"> を
BlogのHTMLのヘッダの中(<head>ここ</head>)へ貼付ける、といった方法でできます。

 ※上記の<>は便宜上全角で表示しています。
  実際タグを使用される場合には、全角<>ではなく半角<>にしてください。

pixel(ピクセル)とはコンピュータ画像の最小単位で、画像を構成する一粒一粒を呼びます。
今回は、縦16粒×横16粒=256粒の画素を一粒ずつ好きな色にして絵を描いていきました。

The design of my Favicon shows a sea otter holding her clam.
She's always beside you!!


posted by seaotter | Comment(0) | 趣味 in Jakarta | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

PAGE TOP