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（作成物の保存）又は、ｃｔｒｌ+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ピクセルです。
日時: 2008年5月12日 00:59 | パーマリンク | コメント (144)
