2017年6月
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

過去の記事

« 最近のご飯 | トップページ | ひとつお花が… »

2010年2月 8日 (月)

ブックマークのアイコン

 今この武蔵野・菫館を表示すると、こんな風にお花のアイコンが出てきませんか?

 favicon-blog.png

 実はちょっと思い立って、画像を作ってみたんです。簡単でしたので覚書。

(1) 16×16画像を用意する。

(2) このサイトで、アイコンに変換してもらう。

(3) できたfavicon.icoを、自分のサイトのトップにアップロード。

これだけです。ただ、花の周りを透過させるため、透過GIFの画像を作る方に手間取ったので、それも書いておきますね。

まずは元画像を選びます。

favicon.jpg

透過させる部分を塗りつぶします。

favicon2.JPG

* Adobe Photoshop Limited Editionでは、背景色を透明と設定した新規ファイルにこれを貼り付け、手持ち花火のような「自動選択ツール」で黒をクリック。

* 黒部分が選択されるので、編集⇒消去で透明に。

* ファイルは、出力用プラグを通して、GIFへ出力。

* できたGIFを、最初のWeb Toolでアイコンに変換。

* 「Download FaviIcon Package」の横にあるCostomizeを押して、Background colorをtransparentに。

やり方がわかったので、ちゃんと画像を用意しようっと。 ペク画像にしようかな~。

« 最近のご飯 | トップページ | ひとつお花が… »

ウェブログ・ココログ関連」カテゴリの記事

コメント

コメントを書く

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

« 最近のご飯 | トップページ | ひとつお花が… »