Webブラウザでホームページを開いたときに、URLの横やタブのタイトルの横に表示されているアイコン。
FaviconといわれるアイコンをPhotoshopでつくってみた。
プラグインを追加しないと使えないため、以下の手順を覚え書き。
■Photoshopへプラグインの追加
１）「http://www.telegraphics.com.au/sw/」からプラグインをダウンロード
２）私は、PE9（Mac版）をつかっているので、「Mac CS5」をダウンロード
３）ダウンロードされた「ICOFormat.plugin」ファイルを「アプリケーション」→「AdobePhotoshop….」→「Plug-Ins」→「FileFormats」へ移動
■Photoshopからの作成方法
１）Faviconにしたい画像を開いて「32×32」でトリミング
２） 解像度を「72dip」でサイズも「32×32」にする
３）保存をするときにファイル形式を「ICO」にし、ファイル名「favicon.ico」で保存
■ホームページ（WordPressの場合）へ適用させる
１）テンプレートファイルのヘッダ部分に以下を追加
<!– Favicon, Thumbnail image –>
<link rel=”shortcut icon” href=”<?php bloginfo(‘template_url’); ?>/images/favicon.ico”>
２）作成したFaviconファイルをテンプレートフォルダ配下の「images」へアップする
以上
