ヘッダー・コニファロゴ
ヘッダー・コニファロゴ2
コニファ・シンボルキャラクター
カテゴリー:サーバー、web、ネットワーク関連


使える無料のwebサービス5・ faviconジェネレータ

ブックマークのURLやURL入力窓に表示され、webページの認知度を高めてくれるfaviconですが、元画像が用意できても、きれいに変換するには、けっこう手間がかかります。
ここで紹介するサイトでは、faviconを自動作成してくれます。
favikonhttp://www.favikon.com/
●用意するものは、favicon化する元画像のみです。
・PNG、jpeg、gifに対応しています。画像サイズは、かなり大きくても大丈夫なようです、5MBがMAXと記載されていますので。
・また、いろいろ描かれた画像をトリミングすることも可能ですが、faviconはごく小さいので、予め、色も形状も単純化したfavicon専用の画像を用意しておいたほうが無難です。
・画像の注意点をもう一つ、用意する画像は正方形にしておくことです。更に、マークなどが画像内ぎりぎりの場合は、バック色(サンプルでは白)でタチオトシを5%程度上下左右に足しておきます。そうでないとfavicon内に、黒い部分が出てしまうことがあります。
解説画像

●操作の手順(キャプチャ画像:MacOS10.3 Firefox2.0.0.4使用、75%縮小)
(1)「選択」ボタンを押して元画像を選び、「Load Image」ボタンを押して元画像をアップします。

(2)すると、右図のように元画像が作業ウィンドウの真中に表示されます。

(3)左上にあるイラストレーターでいうところのバウンディングボックスのようなものをドラッグしていき、favicon化したい部分を選択します。下図の状態なら赤い矢印のようにスライド(ドラッグ)します。
解説画像3
解説画像2

(4)右図(原寸)のように位置が決まったら、
解説画像4
ボタンを押します。

(5)すると右図(原寸)・元画像の下(赤丸内)に実際のサイズのfaviconが表示されます。

(6)「Download Favicon」をクリックして,ダウンロードします。
ファイル名は、「favicon.ico」になります。

解説画像5


Dynamic Drive/Online Tools/Favicon Generator
http://tools.dynamicdrive.com/favicon/
●こちらも用意するものは、favicon化する元画像のみです。
・gif、jpeg、PNG、bmpに対応しています。画像サイズは、150kbまで。
・前出のfavikonと違って、画像のトリミング等はできません。逆にいううと、アイコン用画像さえあれば、2回クリックで簡単にFaviconができます。同時にデスクトップアイコンも作ってくれます。
・元々、webページ作りのための情報、スクリプト、CSS、ツール等で有名なサイトですが、ツールとして他にマイクロボタンを作成するボタン・メーカーなどもあります。
・注意点---前出のfavikonと同じく用意する画像は余白を含めて正方形にしておかなければなりません。でないと縦横どちらかに間延びしてしまいます。

・今回の元画像---cube.gif(縮尺60%)解説画像6
解説画像7
●操作の手順(こちらは,極簡単です)。
・上図1のところで参照ボタンを押して、favicon化する画像を選びます。
・画像を選んだら、上図2の「Create Icon」ボタンを押します。
・ボタンの下に動的にプレビューが表示されます。(下図参照)
・プレビューの下の「Download Favicon」ボタンをクリックします。
解説画像8
・右図は、デスクトップ上(Windows XP)にダウンロードしたfavicon(右)と元画像ファイル(左)。
解説画像9


※ご注意:このページに掲載しましたサービスをお使いの際は、ご自分の責任でお願いします。トラブル、不具合などが生じましても当方は一切責任を負いません。







戻るボタン
Copyright© 2013 Conifer,Inc. All rights reserved.