BlogのURLアドレスの先頭に何かマークを付けてみたいなあと思い、チャレンジしてみました。
こちらのURLを開いていただくと、画面の左上にFaviconが表示されます。
https://jakarta-seaotter.up.seesaa.net/image/favicon.ico
"Favicon"(ファビコン)の語源は "favorite icon" だそうです。
なるほど単純で覚えやすく、ユーモアがありますね。
Faviconの作成方法や作成ツールは色々あるようですが、
今回わたしはこちらを利用させてもらいました。
Favicon Generator
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!!
【趣味 in Jakartaの最新記事】