2014/12/23　 2014/12/23

オリジナルファビコン作成サイトのまとめ

ブログやホームページを作成しているとfavicon(ファビコン)を設定したくなりますね。
ブログをWordpressで作成している場合はテーマのファビコンになっている場合がありますので使っているテーマが分かってしまったりします。
faviconが設定されているブログの方が「おっ」と思いますよね。ショートカットやお気に入り登録したときにアイコン画像が表示される方が覚えやすいですね。
seesaaブログやFC2などでもファビコンの設定は可能となります。
今回はファビコンを簡単に作れるサイトを紹介します。

ファビコンって？

サイト紹介の前にファビコンとはなんでしょう。
パソコンのブラウザで表示するとサイト名の左側にあるアイコンがファビコンになります。

スマホでは少しわかりにくいですが、ブラウザによっては同様にサイト名の左側に表示されています。
パソコンではお気に入り登録するとファビコンとともにお気に入り登録されます。

ファビコンの画像サイズ

ファビコンは拡張子が　.ico　になるアイコンファイルになります。
画像サイズは16×16ドットとなります。
このサイズの画像ファイルを作成すれば良いことになります。

ファビコン無料作成サイト

Favicon Generator

1段もしくは2段の文字（英数字）のファビコンを作成できます。
文字が限られますが、簡単なものはすぐに作成できます。

⇒　http://antifavicon.com/

Favicon Generator

名前は同じですが別サイトです。
こちらは元画像をアップロードして参考にしてファビコンの作成ができます。
文字のキャプチャー画像などを参考用にアップロードすれば簡単に作成できます。
1ドットずつ色を変更していくタイプですね。

⇒　http://www.degraeve.com/favicon/

X-Icon Editor

こちらも1ドットずつ色を変更していくタイプです。
同様に元画像もアップロード出来るので簡単に作成できます。

⇒　http://www.xiconeditor.com/

Favicon Generator

名前は他サイトと同じですが、こちらは画像からファビコンに変換ができます。
日本語サイトになるのでわかりやすいです。

⇒　http://favicon.7zone.org/

favicon.icoを作ろう！

こちらも画像ファイルからファビコンに変換が出来ます。

⇒　http://ao-system.net/favicon/

ファビコンの設定

WordPressの場合

WordPressの場合は各テーマのimagesフォルダー内にfavikon.icoやlogo.icoのようなファイルがあります。
作成したファビコンファイルを同名でFTPでアップロードし上書きすればファビコンの変更が可能です。
テーマによってファイル名が違いますのでテーマに合ったファイル名でアップロードしましょう。