中小企業のためのコンピュータ活用を応援!
mail:メールアドレス

サイトアイコン(ファビコン)が簡単に作れる作成ツール、ギャラリーのまとめ

最終更新日:2014年11月14日


ファビコンとは

ファビコン(お気に入りアイコン、サイトアイコンなどとも言う)は、特定のウェブサイトやウェブページに関連づけられたアイコンです。

このファビコンは自分で作成することができ、お気に入りやデスクトップにそのサイトのショートカットを作る際に使用されます。

近年では、それぞれのサイトで独創的なファビコンを作ることでサイトを目立たせることが一般的になっています。

ファビコンを設定するには

ファビコンのサイズは、16x16もしくは32x32で作成し、画像フォーマットは「ico」ファイルにしましょう。(IEがicoファイルにしか対応できないため)

「ico」ファイルを作成したら、サイトのルートディレクトリにおきます。ルートディレクトリにおいた場合は自動的に表示されます。

ルートディレクトリ以外におきたい場合は、以下のタグを<head></head>内に記述します。

<link rel="shortcut icon" href="ファビコンのパスとファイル名">

サイトの表示時間に影響するので、画像はできるだけ小さいサイズにしておきましょう。

ファビコンを作成するには

ファビコンを作成するには、画像編集ツールやフリーソフトのアイコン作成ツールなどを使いますが、最近ではオンライン(Webページ上)で ファビコンを作れるサービスがたくさん提供されています。

一からファビコンを作るのが難しい場合

ファビコンのデザインを一から作るのは難しいという方は、無料のファビコンファイルをダウンロードして それをベースとしてオリジナルのファビコンを作るのもいいでしょう。

以下は、無料でファビコンが作れるオンラインのサービスとファビコンのサンプルが見れたり無料でダウンロードできるサイトです。 是非自分のオリジナルファビコンを作成してみてください。

無料のファビコン作成ツール
favicon.cc 【海外サイト】
画像をアップロードして、アップロードした画像をファビコンとして編集できます。 元画像をファビコン用に正方形にしたり、変形なしで編集など細かい制御も可能です。
作成途中でも下段にファビコンのサイズのプレビューが見れるので、実際のイメージがわかるようになっています。
http://www.favicon.cc
favikon 【海外サイト】
画像をアップロードしてファビコンを作れるサイトですが、他と違うところはアップロード後に必要な部分だけを切り立ってファビコンにできるところです。
アップロードする画像の一部だけをファビコンにしたいときなどに便利です。 ただし切り取りまでで、切り取った部分をさらにサイト上で編集などはできないようです。
http://www.favikon.com
FavIcon Generator 【海外サイト】
海外のサイトですが、自分の持っているGIF, JPG, PNG, BMPファイルを16x16のファビコンのサイズのICOファイルに変換してくれます。
オプションで32x32や64x64のファイルを入れ込むことも可能です。 アップロードするファイルは150KBまでのサイズ制限があります。 アップロードしたファイルの編集などができないようです。
http://tools.dynamicdrive.com
Favicon converter
画像をアップロードしてファビコンを作るタイプのサイトです。 対応するファイル形式が、PNG、GIF、JPEG、JPEG-2000、BMP、PSD、PDF、DPX、Postscript、SVG、TIFFと多く、ファイルサイズも1MBと他と比べて大きいサイズも大丈夫なようです。
http://favicon.qfor.info
x-icon editor 【海外サイト】
サイトがそのままアイコンエディタになっているので、ファビコンなどのアイコンを一からつくることが可能です。
また、自分がすでにもっているアイコンをインポートして、編集することなども可能です。
http://www.xiconeditor.com
favicon.icoを作ろう!
PNG,GIF,JPG画像をアップロードして、16x16, 32x32, 64x64のアイコンに変換できるサービスです。 200kbまでのファイルサイズの制限があります。
http://ao-system.net
FavIcon from pics 【海外サイト】
自分の画像をアップロードしてファビコンを作成するサイトです。変換後のオプションが豊富で、アニメーションや背景の透過、囲み線の追加などを加えることが可能です。
http://favicon.htmlkit.com
favicon-generator.org 【海外サイト】
自分の画像を16x16のアイコンファイルに変換してくれる他、エディターでアイコン自体を自分でつくれます。
さらに他の人が作ったファビコンをギャラリーとして展示しているので、作る際の参考になります。
http://favicon-generator.org
favicon.ico(ファビコン)変換ツール
自分の持っている画像をファビコンに変換してくれるサービスです。 シンプルに画像を選んで、サイズを選んで、「ファビコン作成」をするだけでファビコンが作れてしまいます。
http://favicon.7zone.org
online fav-icon creator 【海外サイト】
オンラインでアイコンがつくれるエディタです。カラーパレットがあらかじめ用意されているので簡単に色を選べます。
自分のすでにもっている画像をアップロードして編集することも可能ですが、プレビューがないため確認しながら作成するのが少し不便です。
http://www.rw-designer.com
FAVICON GENERATOR & GALLERY 【海外サイト】
画像をアップロードしてファビコンを作るタイプのサイトですが、他の方が作ったファビコンが参考にできます。 「GALLERY」リンクをクリックすると、1ページ60アイコンまでを一覧で見ることができます。
http://www.favicon.co.uk
free favicon 【海外サイト】
動物や、ビジネス、国旗などのジャンルに分かれたファビコンのサンプルが豊富にあります。 一覧でアイコンが見れるので、探して気に入ったものがあればダウンロードするといった使い方ができます。
http://www.freefavicon.com
作成の参考になるファビコンギャラリーサイト
favicon gallery.com
ダウンロードはできませんが、いろいろなファビコンが一覧で見れるので作成の参考になります。 ファビコンの間隔を広く取っているのでとても見やすいです。
http://favicon-gallery.com
Favicon Gallery 【海外サイト】
作成ツールのギャラリーで、特にフリーでダウンロードはできません。 アイコンが一覧で見れるので、作成の参考になります。
http://favicon-generator.org
Yellowpipe Web Hosting 【海外サイト】
テーマ別のアイコンと、3500もの多くのアイコンをフリーでダウンロードできます。 一覧では見れないので、ダウンロードして自分の好みに近いものを探してください。
http://www.yellowpipe.com