photoshopでfavicon(icoファイル)作成

icoformatICO Formatプラグインを追加

Photoshopでは、icoファイルを扱うことができないので、以下のプラグインをインストールして、icoを作成・保存出来るようにします。

Photoshop icoformatICO (Windows Icon) Format Plugin

プラグインをダウンロード、解凍したら、ICOFormat pluginというファイルを、「Applications/Adobe Photoshop CS5/plug-ins/file formats」にコピーします。

これでインストールは完了なので、Photoshopを起動します。
起動している状態で、プラグインファイルを追加した方は、Photoshopを再起動してください。

正常にインストールされているかを確認するには、「Photoshopメニュー」内の「プラグインについて」を表示します。そのリストの中に「ICO(Windows…)」という項目があれば、正常にインストールされています。

faviconの作成

インストールが完了したら、「32px × 32px」のサイズで作成し、新規保存の際に、フォーマットを「ICO(Windows icon)」に設定します。

faviconの設定

favionを表示させたいhtmlファイルのhead内に以下を記述します。

<link href="ファイルのパス/favicon.ico" rel="shortcut icon">

あとは、favionの画像とhtmlファイルをサーバにアップするだけです。

参考サイト:http://2xup.org/log/2006/04/28-2323

投稿日:
カテゴリー: web関連

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です