はなぶろ再びファビコン設置しました。

はなぶろ

日記からレビュー、試行錯誤含め行き当たりばったりなブログです。

Admin　/　Write

2024/04/27 Saturday

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

No.

2008/03/04 Tuesday

再びファビコン設置しました。

昨年8月頃に1回設置して
その後、なんやかやと触って
落ち着いてたファビコンですが。

先日のブログデザイン変更に伴い
当たり前っちゃ当たり前に
表示がされなくなってましたん。

この間気づいて
何とかせななーと思っておりましたが
今日時間があったので
また新たなファビコンを入れて見ましたよ。

コレね。

当初は…
最近ハマってるgifで動くファビコンを！

とか思ってましたが
なんだか上手くいかなかったので
フツーのんにしました。

「はな」と「ぶろ」が交互に表示されるハズだったが…

前にも書きましたが、ファビコンとゆーのは
ブラウザのURLの窓の左端に表示される
小さいアイコンのことです。

16×16px（約6弱mm四方か）と
非常ーに小さいモノですが
これがあったらちょっとかっこよい。

そんな、単純ではあるがかなり重要な理由から
多くの方が一生懸命作ってますね。多分。

前回設置した時はキャッシュのことすら
あんまりよくわかってなかった私ですが
だからって今何か進化したかといえばそーでもなく。

はっきりゆって作り方から設置の方法まで
完璧に忘れていた次第です。

で、まぁ。
次回に備えてココに、私が今回やった
ファビコンの製作→設置までを記しておこうと思いますたん。

自己流の方法なので情報としてどこまでお役に立てるか
かなり怪しいところですが…まぁご利用できるトコだけでも
利用してもらえれば……ぐらいな感じで。

（１）Photoshopで32×32pxの新規画面を用意しファビコンをデザイン。
（２）RGBのJPEG、英数字で名前付けて保存。
（３）Favicon Japanさんに行って作ったJPEGをファビコンデータに変換。
（４）できたデータ（favicon.ico）をダウンロード。
（５）自分のパソコン（Mac OS 10.4）上で「favicon.ico」の名前を一部変える。
　　　例えば「favicon0803.ico」とか。過去のファビコンデータと混同しないよに。
（６）フツーに画像をアップする要領で、
　　　名称を変えた.icoデータをブログのサーバにアップする。
（７）「アップロードされた画像一覧」を開き、狙いのファビコンの画像上で
　　　control＋クリックで「イメージのアドレスをコピー」を選択。
（８）利用させてもらってるデザインテンプレートのソースを開き
　　　<head> </head>の間に
　　　<link rel="shortcut icon" href="７でコピーした文字列を貼付">
　　　というタグを入力。
（９）デザインテンプレートを上書き保存したら完成ーー♪

<link rel="shortcut icon" href="７でコピーした文字列を貼付">は
<head> </head>の間であればどこでもOKっぽいですが
とりあえず私は<head>のスグ次の行に入れてます。

あと蛇足ですが
ファビコンのデザインはホントに小さいため
イラレでは作らないほうが無難です。

イラレを利用する場合は
1mmマスを16×16で作ったりして
予めアイコンちっくなデザインをしたほーが良いかと。

まぁかなりのプロの方なら無問題でしょうが
…そもそもかなりのプロの方は
わざわざはなぶろを見てファビコンってハナシには
ならんでしょーし。一応ね。はは。

つーことで。

ファビコン作りもなかなか楽しいですので
またヒマがあったらコマメに替えて見ます〜☆

No.303 お知らせ☆ Trackback() Comment(0)