favicon (透明なファビコン) を作る Part-2

背景が透明な favicon (ファビコン) を Photoshop で作成/保存

今までは favicon (ファビコン) を作る Part-1 の方法で作成していましたが、ひとつ問題点がありました。それは、背景が透明な画像を作っても背景色が白に変換されてしまうことでした。

favicon (透明なファビコン) を作る Part-2

背景を透明にしたままで Photoshop で Windows Icon (.ico) 形式のファイルに保存できるプラグインを見つけました。もちろん .ico ファイルを開くことも可能です。

  • Step 1: プラグインのダウンロード
    Plugin Downroad » ICO ( Windows Icon ) Format
  • Step 2: プラグインのインストール
    ダウンロードしたプラグインを、〜/アプリケーション/Adobe Photoshop CS/プラグイン/ファイル形式 に置く。
  • Step 3: 画像を .ico 形式で保存
    Photoshop を立ち上げ作成した画像を .ico 形式で保存。
  • Step 4: 保存した したファビコン画像をサーバーにアップロード
  • Step 5: タグの設定をする。
    <head> 〜 </head> に次のタグを設定する。
    <link rel=”shortcut icon” href=”ファイルへのパス/favicon.ico” />

About this entry

コメントの投稿

名前

メール

ウェブサイト