WEB Tips デザイン・コーディング

.ico形式の画像(ファビコン)を作成できるPhotoshopプラグイン

2020-03-10

本記事にはプロモーションが含まれています。

.ico形式の画像(ファビコン)を作成できるPhotoshopプラグイン

ソラミ♪

Webエンジニアをやりつつ、デザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 2015年から当ブログ運営|2008年からGmail使用中|WordPress制作10年以上|15社以上のレンタルサーバー利用経験|100件以上のドメイン取得運用|サイト・ドメイン移転多数 »  もっとくわしく

ファビコン画像を制作するときに拡張子.ico形式で画像を保存できるPhotoshop用プラグイン

ICO (Windows Icon) Format
http://www.telegraphics.com.au/sw/product/ICOFormat#icoformat
(ページは削除されたようです)

上記の配布サイトでは、Mac用は「CS5/CS6」用までしかありませんでした。

PhotoshopCCでも使えるのかわかりませんでしたがひとまず、Photoshop「CS5/CS6」用をダウンロード。

ICO (Windows Icon) Formatのインストール方法

ダウンロードしたファイルを解凍し、

ICOFormat.plugin

というファイルをPhotoshopのプラグインフォルダにコピーします。

PhotoshopCCのプラグインフォルダは

/Applications/Adobe Photoshop バージョン/Plug-ins

ここで注意するのは

Plug-insフォルダの「File Formats」の中に入れることです。

/Applications/Adobe Photoshop バージョン/Plug-ins/File Formats

フォルダが無い場合は作成します。

Plug-insフォルダ

Photoshopを再起動。

ちゃんとインストールされているかどうか確認する場合は、

Photoshop > プラグインについて

の中にICO(Windows Icon)があればOKです。

ICO (Windows Icon) Formatの使い方

使い方はごく簡単で、.ico形式で保存したい画像を

実際に.ico形式で画像を保存するには、.ico形式にしたい画像を開き、「別名で保存」です。

「別名で保存」する際にフォーマットを「ICO(Windows Icon)」を選びます。

.ico形式で保存する際、以下のような制約があります。

256px以上の高さ、幅の画像は.ico形式で保存できません

.ico形式で保存できるのは、ビットマップ、グレースケール、インデックス、RGB画像です。

現在のアイコン画像は512pxとか大きいものもあるけれど、256pxを超えていると、フォーマットの中に「ICO」が出てこないので注意ですね。

.ico画像を作る機会はあまりありませんが、いざという時には便利です。PhotoshopCCでも使えたのでよかったです。

こちらもおすすめ 2024年最新 Adobe CC コンプリートプランを安く更新できる!一番安い購入方法

  • この記事を書いた人
  • 最新記事

ソラミ♪

Webエンジニアをやりつつ、デザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 2015年から当ブログ運営|2008年からGmail使用中|WordPress制作10年以上|15社以上のレンタルサーバー利用経験|100件以上のドメイン取得運用|サイト・ドメイン移転多数 »  もっとくわしく

-WEB Tips, デザイン・コーディング
-,