Movable Type 備忘録
favicon2dots
- Next Page: Snap
- Prev Page: IE6でαチャンネルPNG画像を表示する３
おもしろそうなツール見つけたアルよ。
最近では定番!? になってるファビコンですが、各サイトで個性的なものが多いですね。
そんなファビコンをドット絵に変換してくれるサービス見つけましたアル。
その前にファビコンの作り方などご紹介!!
わたしのサイトでは以下のような方法でファビコンを作成しました。
- 32 x 32のサイズ( もしかしたら、64 x 64 だったかも )でお好みのイメージを作成します。 形式はGIFまたは、PNGで作成しておきます。その際、あまり複雑なデザインは避けましょう。
- 次に作成したイメージをアイコン( ICO )に変換します。 わたしの場合は、当時よく分からなかったので友人に頼んだのですが、こちらのFavIcon from Pics or Favicon Japan!!あたりで変換できそうです。 変換後は 16 x 16 のサイズに縮小されます。
- 最後にサーバにアップロードして、各テンプレート内<head>～</head>の間に以下の記述を加えれば完了です。
<link rel="shortcut icon" href="<$MTBlogURL$>image/favicon.ico" />
で、話を戻しますが、作成したアイコンをドット絵に変換するサービスはこちらのfavicon2dotsで提供してくれてます。
左にあるイメージがそのドット絵になります。多少加工しておりますが･･･。
使い方はカンタンで、トップページのテキストボックスに各自のサイトのURLを入力して、「2dots!」ボタンをクリックすれば変換してくれるアル。
また、リンクタグを作ってくれるのでそのまま各自のサイトに貼り付けるだけです。
結構キレイに作れるので試してみてください。
Trackback Pings(0)
No trackbacks found.
Comments(10)
- #2: Posted by ぢぢい [RES]
こんにちわ。ぢぢいです。
お世話になってます・・・ｍ（＿ ＿）ｍ今回、私の別ブログでもこちらのテンプレを使用させて
いただきました。（＾＾；ありがとうございます。
また、面倒な質問をするかもしれませんが
そのときはよろしくお願いします。
- #3: Posted by bzbell [RES]
>>1 Masayan さん
こんにちわ^^
> ちなみにうちのfaviconはGoogleのぱくりです。
オリジナル作ってみたらどうですか (￣▽￣)b
かっくぃ～やつを♪
- #4: Posted by bzbell [RES]
>>2 ぢぢい さん
こんにちわ^^
> 今回、私の別ブログでもこちらのテンプレを使用させて
> いただきました。（＾＾；あやや!!
ありがとうございますぅ (*≧▽≦)特に周知してないのですが、ご報告頂いたサイトさんは勝手ながらリンクさせてもらってるんですの♪
競馬関連のサイトですか。
こちらのCustomFieldsプラグイン活用術 - エントリ画面１を利用すると便利かも、です。
たとえば、名前：アドマイヤドン(牡)
父 ：ティンバーカントリー
母 ：ベガ(父：トニービン)のような場合、記事の入力欄とは別に、ぢぢい さんカスタマイズの入力フィールドを自由に作成することができるんです♪
- #5: Posted by ぢぢい [RES]
こんにちわ。
「CustomFieldsプラグイン活用術 - エントリ画面１」読ませていただきました。
難しそうですね。（＾＾；
時間がありましたら挑戦してみたいと思います。
- #6: Posted by bzbell [RES]
>>5 ぢぢい さん
> 時間がありましたら挑戦してみたいと思います。
そうですね。
時間があるときにでも、TRYしてみてください♪
その際、疑問点などありましたら出来る限りサポートしますので（￣∇￣)/
- #7: Posted by ぷーこ [RES]
こんばんは☆彡
私もファビコン作りたいといつも思うのだけど、
小さいスペースで個性出すのが難しくて(;^_^A アセアセ・・・
いっそのことカエルキャラにしようかな、なんて思ってます♪それと残念なご報告が( p_q)エ-ン
バレンタイン企画、せっかくご応募頂きましたが、
今回はハズレになってしまってすみません…m(_ _"m)ペコリ
また何か機会を作りたいと思いますので、
その時はよろしくお願いします！
- #8: Posted by bzbell [RES]
>>7 ぷーこ さん
こんにちわ^^
> 小さいスペースで個性出すのが難しくて(;^_^A アセアセ・・・
ですよねぇ（;￣∇￣A
わたしも同じだったので、初めはでっかいの作って縮小しましたの♪> 今回はハズレになってしまってすみません…m(_ _"m)ペコリ
あ～ん残念ですの（￣Σ￣=）
わたし昔っからクジ運悪いんですよねぇ（;￣∇￣A次回も応募させていただきます (m;_ _)mペコ
- #9: Posted by かわぐち [RES]
どうも、お久しぶりのかわぐちです。
最近、私のブログの更新も滞り中でして・・・。
ここで、ちょっと言い訳を。
新たなるサイトの作成に勤しんでおりました。
で、やっとこさ形になったので、
私のブログの更新も再開せねばと心に誓うかわぐちです。で、その新規サイトのファビコン作成に、
このエントリーを参考にさせていただきました。
いや～、毎度毎度、お世話になります。favicon2dotsさんで作成したイメージ。
う～ん、いいですね。
他でも使ってみよ～。新規サイトですが、
http://azmix.wonder-mix.info/
です。
ファビコン、ちゃんと表示されてると思うんですが・・・。
アマゾンさんのWEBサービスを利用して作成してます。
いや～、ここまで来るの長かったぁ～。
- #10: Posted by bzbell [RES]
>>9 かわぐち さん
こんにちわ^^
新サイト、ステキですの(●´∀｀●)
わたしもね、メルでご連絡頂いた人のポータルサイト作ることになってるんですの。
あと、携帯サイト2つほど。
GW中にさ完了できるか、そもそも作ったものを気に入ってもらえるか･･･チョビッとドキドキです (;￣∇￣Aわたしが今まで学んだすべてを注ぎ込むつもりです!!
シロウトががんばって勉強したことで、どこまで通用するか TRY!! ですの (＞∀＜ )
ちなみにうちのfaviconはGoogleのぱくりです。
ごめんなさい。