DesignFaviconの作り方とFaviconギャラリー2011年7月5日ツイート最近は多くのサイトでfavicon(ファビコン)が設置されています。GoogleやTwitter、facebookなどfaviconを見るだけでサイトがわかる場合も増えてきましたよね。faviconの作り方と様々なfaviconを見ることが出来るfaviconギャラリーを紹介します。Favicon(ファビコン)とは?アドレスバーやタブバーの横に出るちっちゃなアイコンです。設置方法.ICO形式のファイルを用意してhead内に下のコードを入れるだけです。Pluginというプラグインを使う方法もあります。Photoshopで作るfaviconの作り方はいろいろありますが僕はPhotoshopを使って作りました。faviconは.ICO形式で保存する必要があるのですが、Photoshopでは通常.ICO形式で保存することが出来ません。Format用のプラグインをダウンロードします。自分のパソコンにあったプラグインをダウンロードしてください。Formats"の中に入れます。これで保存する際に.ICO形式で保存出来るようになります。あとは画像を作って.ICO形式で保存するだけです。faviconは16x16pxが一般的ですが、僕は32x32pxで作りました。GIMPで作るPhotoshopを持っていない人はGIMPでもfaviconを作ることが出来ます。GIMPは.ICO形式のファイルに対応しているので、作ったファイルを.ICO形式で保存するだけで大丈夫です。faviconジェネレータで作る画像編集ソフトを使わなくてもfaviconジェネレータを使えば簡単にfaviconを作ることが可能です。faviconジェネレータをいくつか紹介します。favikon画像をアップロードして、faviconにしたい部分を選択するだけでfaviconが作れてしまいます。GenfaviconGenfaviconもfavikonと同じように画像をアップロードしてfaviconにしたい部分を選択します。Favigenfaviconにしたい部分を選択することは出来ませんが、画像をアップロードしてサイズを指定するだけで簡単につくれるfaviconジェネレータです。Generatorドットを埋めていくだけでfaviconが作れます。Generatorこちらもドットを埋めればfaviconを作ることが出来ます。Generatorよりドットが細かいです。Pixelsこちらもドットを埋めていくタイプ。他の人が作ったfaviconを見ることも出来ます。faviconギャラリーfaviconを作るなら見ておきたいのがfaviconギャラリー。クオリティの高いfaviconがたくさん紹介されています。Galleryfaviconは簡単に作れて設置出来るので作っていない人は是非作ってみてください。Developerに登録する手順Macのショートカットキーを一覧表示できるアプリ「CheatSheet」Aboutnanomalはあなたの日常に小さな刺激とワクワクをプラスするブログです。クリエイティブな製品、デザインの優れたWebサイト、インスピレーションを感じる広告や動画、使って楽しいWebサービス・アプリなど様々なジャンルから日常に刺激とワクワクをプラスする情報を紹介しています。