DesignWalker » favicon

Faviconギャラリー・ジェネレータまとめ

admin — Thu, 12 Jun 2008 04:48:46 +0000

先週、GoogleのFaviconが変更されましたね。

One Fish, Two Fish, Red Fish, Blue Fish

これまで、8年半使われていた以前のFaviconを一新。シンプルですっきりとしたFaviconに変更されました。iPhoneや、その他のモバイル系にもきれいに表示させる為の変更だそうです。

この新Faviconに決定されるまで、300パターン以上のデザインを作って検討されたそうです。とっても小さなアイコンで、一見、簡単そうなデザインですが、さすがいろいろと検討されてしっかり作り込まれているんですね。

本日は、Faviconのインスピレーションです。たくさんのFaviconを参考にして、みなさんも是非こだわりのFaviconを作ってみてくださいね。

fineicons.com

かわいらしいFaviconがたくさんですね。

thefavicongallery.com

マウスオーバーすると、右側に拡大表示してくれるFaviconギャラリーです。

flavicon.com

シンプルな物から、ちょっぴり凝ったFaviconまでいろいろ集まってます。

iconj.com

ダウンロードもできる、Faviconのシェアサイト。

deltatangobravo.com

更新日はかなり昔ですが…とってもきれいにFaviconが並んでいます。

favicon.co.uk

Faviconジェネレータもついているギャラリーページ。

julian-bez.de

１ページに大量のFaviconが並んでいます。読み込むのに少し時間がかかるかも。。

faviconize.com

Faviconギャラリーです。シンプルでとっても見やすいですね。

MpP Favicon Gallery

カテゴリに分けられてFaviconがずら〜っと並んでいます。

SmashingMagazine

SmashingMagazineのFaviconまとめは、現在第６弾。毎回きれいなFaviconをまとめられております。

Favicon ジェネレータ

ここからは、ジェネレータです。ギャラリーサイトでお気に入りのFaviconを見つけたら、早速自分でもつくってみましょう！

favicon.ico Generator

ピクセルごとに色を塗って、お絵描き感覚でFaviconが作れるジェネレータです。下にプレビューが表示されるので、仕上がりがどんな感じになるか確認しながら、お絵描きできます。

Favicon Editor

こちらもお絵描きタイプのFaviconエディター。

Genfavicon

アップロードした画像をトリムてきます。サイズも16×16, 32×32, 48×48, 64×64, 128×128の４種類から選択できます。

favikon.com

こちらもアップロードした画像の一部を切り抜いてfaviconを作ってくれます。

Free Favicons

こちらも画像をアップロードするタイプ。テキストを入力するとテキストがスクロールして表示される、アニメーションfaviconが作れます。

ムーバブルタイプでトラックバック送信元のfaviconを自動で表示する方法

admin — Mon, 18 Dec 2006 12:22:33 +0000

ブログ書いてるみなさんトラックバックって受け付けてます？

最近では、トラックバックスパムが多かったり、ろくなトラックバックが送信されてこなかったり。。。送られてきたトラックバックをほったらかしにして見てなかったり・・・

実際ブログを見に来てくれてる方々にも、トラックバックって必要なの？なんて思ってしまう今日この頃。。
前回の記事では、SimpleAPIっていう、サービスを利用して、トラックバック送信元のサムネイルを自動表示する方法をご紹介いたしました。

今回は、ムーバブルタイプでトラックバック送信元のfaviconを自動で表示する方法をご紹介。これって、どんなときに便利なん？っと言われそうですが・・・

よく、ブログのサイドバーとかに表示されてる最近のトラックバックみたいな感じで、リスト表示してるブログ見たことございません？

はい。このブログでもやっております。↓こんなんじゃ。

で、↑こんな感じで、トラックバックを送ってくれたブログのfaviconを自動的に表示してくれるようになるのですわ。まぁ、ない場合はファイルのアイコンが表示されます。

今回は、Favicon API α版っちゅうのを使わせていただきました。

っちゅうわけで、詳しいやり方はここから。

"
width="16" height="16" border="0" />

↑のコードをテンプレートのからの間に貼り付けたら出来上がり～。

非常に簡単でしたねぇ～。

お気に入りアイコン favicon（ファビコン）を作ってみる

admin — Tue, 21 Nov 2006 19:23:53 +0000

これって、意外と知らん人多かったんですねぇ。

こんなんですわ↓

ブラウザのURLの横っちょに出てくるアイコンですわ。
お気に入りに追加したときにも出てくる小さいアイコン。

英語では、favorite icon略して、favicon（ファビコン）って呼ばれとります。

では、では、今日は簡単なファビコンの設定のお勉強ですわ。

16px×16pxで作られるのが一般的なようで・・・

拡張子はicoで作ってくださいな。う～ん。

なんだか、めんどくさそうですなぁ。。。

っちゅうわけで、簡単にファビコン作ってくれるサイトをまとめてみたのじゃ。

Dynamic Drive
ファイルをアップロードするだけで、favicon.icoを作成してくれる便利サイト

favicongenerator
ここもファイルをアップロードするだけで、favicon.icoを作成してくれる便利サイト

degraeve
こちらは、点に色を塗っていってfaviconを作るツール。塗り絵みたいでおもろいかも。

MpP Favicon Gallery
faviconのデザインに迷ってしまう方はこのギャラリーでサンプル見放題！

こんな感じで作ったfavicon.icoをＦＴＰでサーバーにアップロードして・・・

↑のコードをコピーして、ドメイン名を書き換えて、htmlファイルの～の間に貼り付けたら出来上がり～！ですねん。