2017年5月
  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 31      

過去の記事

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

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に。

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

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

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

コメント

コメントを書く

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

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

足あと代わりに押してね♪

  •  
    匿名のまま、読んだことを知らせることができます(ボタンが押された回数のみカウントされます)。誰かは分からなくても、読んでくださったんだ~!と、とっても励みになるので、是非ぽちっと押して下さると嬉しいです。よろしくお願いします♪

    結果のグラフ例はこちら
無料ブログはココログ