Search

Favicon(ファビコン)の変え方

2007/6/20

favicon」(ファビコン)は、「ブラウザーのアドレスバー」や「お気に入り」(ブックマークメニュー)に表示される16px*16pxサイズの小さなアイコンです。

通常はブラウザのデフォルトアイコン(IEなら )が表示されていますが、 Webページのhead要素内に以下の1行記述することで、オリジナルのfaviconを表示できます。

<head>
	<!-- トップページと同じフォルダにfaviconを置いている場合 -->
	<link rel='shortcut icon' href='./favicon.ico' />
</head>

faviconは、一般的に「favicon.ico」という名前を付けます。 アニメーションfaviconの場合は拡張子が「.ani」になります。 link要素のhref属性には、faviconへのパスを絶対パス(URL)または相対パスで指定します。

▼favicon指定後

スタンダードな16×16ピクセルのfavicon作成オンラインツール

2007/6/20

graphicsguru: Favicon Generator

アップロードした画像から「favicon.ico」(16×16ピクセル)を作成するオンラインツールです。 ローカルファイルを選択、または画像のURLを入力したらGenerateをクリックするだけで、簡単にfaviconを作成できます。

Flavicon » Favicon Converter

ローカルファイルをアップロードして、「favicon.ico」(16×16ピクセル)を作成するオンラインツールです。 アップロード可能な画像形式は、GIF、JPG、PNGです。

Favicon Japan!! - ファビコン自動生成 -

ローカルファイルをアップロードして、「favicon.ico」(16×16ピクセル)を作成するオンラインツールです。 アップロード可能な画像形式は、GIF、JPG。PNGです。

32×32ピクセルのfavicon作成オンラインツール

2007/6/20

ConvertIcon

アップロードした画像から「favicon.ico」(32×32ピクセル)を作成するオンラインツールです。 ローカルファイル、画像のURLのいずれも指定可能です。 アップロード可能な画像形式は、ICO、PNGです。

複数サイズのfaviconが作成可能なオンラインツール

2007/6/20

Genfavicon

16*16px、32*32px、48*48px、64*64px、128*128pxの5サイズのアイコンが作成できます。 画像のどの部分をfaviconにするか、画像の切り出しもできます。 作成したfaviconは、ICO形式またはPNG形式でダウンロードできます。

favicon

FavIcon Generator - DYNAMIC DRIVE

アップロードした画像から、3サイズ(16*16px/32*32px/48*48px)のアイコンを生成するオンラインツール。 作成したアイコンは画面下部のDownload FavIconボタンをクリックすれば、一括ダウンロード(ZIP形式)できます。

standard size (16*16):

double the size (32*32):

triple the size (48*48):

Web Script Lab » Favicon Generator

ローカルファイルをアップロードして、16×16ピクセル、32×32ピクセルの2サイズの「favicon.ico」を作成するオンラインツールです。 アップロード可能な画像形式は、GIF、JPG、PNG、BMPです。 アップロード可能な最大画像サイズは、150KBです。

アニメーション付きのfavicon作成オンラインツール

2007/6/20

FavIcon from Pics

アップロードした画像とテキストからfaviconとアニメーションfaviconを作成するオンラインツール。 アニメーションfaviconにサイト名などのテキストを流すことができます。

アップロード可能な画像形式はGIF、JPG、PNG、BMPです。 アップロード可能な最大画像サイズは150KB。

テキストを指定した場合は、アニメーションが水平方向(右→左)に流れます。
テキストを指定しなかった場合は、アニメーションが垂直方向(下→上)に流れます。

作成したアイコンは[Download FavIcon]ボタンをクリックすれば、一括ダウンロード(ZIP形式)できます。

standard size (16*16): FavIcon preview

double the size (32*32): FavIcon preview

animated version: Animated FavIcon preview

ドット風の3Dfavicon作成オンラインツール

2007/6/20

favicon2dots

※サービス終了

アップロードした画像からdot's風の立体的なドットグラフィックアイコンを作成するオンラインツールです。 オプションで、背景色、透過色も指定可能です。

画像の好きな部分を指定してfaviconを作成できるオンラインツール

2007/6/20

favikon

アップロードした画像の好きな範囲を切り取って、「favicon.ico」(16×16ピクセル)を作成するオンラインツールです。 ローカルファイル、画像のURLのいずれも指定可能です。

関連コンテンツ

Q. このサイトの情報はお役に立ちましたでしょうか?

投票する 投票結果を見る

管理人に【web拍手】を送るweb拍手(1行メッセージも送れます♪)

pagetop