Photoshopにて拡張子(.ICO)作成する方法

Faviconのあるページをお気に入りに登録すれば自動的にお気に入りリストでアイコンが表示された。後にFaviconは改良され、(X)HTMLから直接指定することでより柔軟なアイコン指定を可能とした。<head>記 述部分にFaviconの指定を行うlink要素を記述することで任意ファイルを参照する仕組みである。この方法でウェブブラウザはFaviconとして 作られたファイルをFaviconとして参照できるようになる。多くのページではICO形式のフォーマットを用いているが、最近のブラウザではGIF形式 やPNG形式もサポートされるようになってきている。【引用 from Wiki】

要はブラウザ開いたときにでるちっちゃいアイコンです。

今回faviconの作成などで必要になる拡張子【.ICO】をphotoshopにて書き出しが可能になるプラグインをご紹介
下記URLサイトのICO (Windows Icon) Formatをダウンロード

http://www.telegraphics.com.au/sw/

インストール方法
\Program Files\Adobe\Photoshop\プラグイン\ファイル形式の階層にファイルをコピーし、フォトショップが起動しているなら再起動します。
ためしに新規ファイルで
ctrl+S(作成物の保存)又は、ctrl+shift+S(別名での保存)をしてみるとico形式が追加されています。

全フォトショップのバージョンに対応しているようなのです。

また、faviconを表示されるのは下記のようなタグを<head>内に埋め込みます。
<link rel="shortcut icon" href="http://d-skate.xsrv.jp/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://d-skate.xsrv.jp/favicon.ico" type="image/vnd.microsoft.icon">
* 単独でも効果はあるが、両方指定するのが望ましいとされるらしいです。

ちなみにfaviconのサイズは16ピクセル×16ピクセルです。

faciconだよ

日時: 2008年5月12日 00:59 |

トラックバック

このエントリーのトラックバックURL:
http://d-skate.xsrv.jp/cgi/mt/mt-tb.cgi/78

コメント (144)

Hello! kdefedf interesting kdefedf site!

Very nice site!

Hello! egkgagd interesting egkgagd site!

Very nice site!

wilful notify

Hello! kebeffk interesting kebeffk site!

Very nice site!

Easily, the post is really the greatest on this laudable topic. I concur with your conclusions and will thirstily look forward to your future updates. Saying thanks will not just be sufficient, for the fantastic lucidity in your writing. I will instantly grab your rss feed to stay privy of any updates. Solid work and much success in your business enterprise!

コメントを投稿

今が旬なお勧めサイトのご紹介!!

富貴蘭の事ならシード園芸

FX情報