PNGをICNSに変換
正方形のPNGから、XcodeやTerminalを開かずにmacOSの.icnsアイコンを作成できます。アプリ化したスクリプト、ディスクイメージ、フォルダ、Electronビルドなどに使えます。Xcodeで配布する場合のiconset全体の仕組みは下記をご覧ください。
画像変換
またはJPG, JPEG, JPE … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
85 なら写真は元の画像と見た目がほぼ変わりません。ファイルを小さくしたいときだけ下げてください。
JPG、BMP、EPS は透過に対応していません。透明な部分はこの色で塗りつぶされます。
透明な部分の背景に使う16進カラーです(例: #FFFFFF)。
この形式には 1 枚の画像しか保存できません。アニメーションを残すには GIF または WebP を選んでください。
マルチサイズのアイコンは 1 つのファイルに複数の解像度を含み、ブラウザや OS が必要なサイズを選びます。
元のサイズを維持するか、片方の辺を入力すると縦横比を保ったままサイズ変更します。
上で選んだ辺のピクセル数です。
元のサイズに対する割合です。
画面や Web には sRGB が適しています。印刷用途では元の色空間を維持してください。グレースケールにすると色情報は失われます。
メタデータのみ変更します。0 なら元の値を維持します。プリンターや一部のサイトがこの値を読み取りますが、ピクセル数は変わりません。
このツールの使い方
- 1
正方形のPNGをアップロード
1024 × 1024 px 以上の、背景が透明な画像を用意します。
- 2
すべてのサイズを残す
詳細設定のアイコンサイズはすべてのサイズ(16–256)に設定されているため、Finder のリスト、サイドバー、Dock のタイルそれぞれに合った画像が作られます。
- 3
ICNSに変換
ICNSに変換を押して .icns ファイルをダウンロードします。アプリバンドルの Resources フォルダや「情報を見る」ウィンドウにそのまま使えます。
.icns ファイルは Apple のアイコンコンテナです。1 つのファイルに複数の正方形ビットマップが入っており、Finder、Dock、Spotlight がそれぞれ必要なサイズのものを描画します。PNG を変換すると、1 枚の画像からこれらのスロットがすべて作られます。
PNGからICNSへ：macOSアイコンファイルの中身
Apple は 1998 年の Mac OS 8.5 で ICNS 形式を導入し、Mac OS X でもすべてのアプリケーションバンドルが参照するファイルとして引き継がれました。コンテナは画面の高密度化に合わせて拡張され、512 px のエントリは Mac OS X 10.5 で、512 × 512 @2x と表記される 1024 px のエントリは OS X 10.7 と 10.8 の Retina ディスプレイとともに加わりました。
各スロットは、同じポイントサイズの 1x 画像と Retina 画面用の @2x 画像のペアです。Finder はディスプレイと表示方法に合うほうを選びます。そのため、1024 px の PNG を 1 枚だけ Finder に縮小させると、本物の 16 px のエントリよりもリスト表示でぼやけて見えます。
16 pxから1024 pxまでのMac iconsetサイズ
| ポイントサイズ | 1x ファイル(ピクセル) | @2x ファイル(ピクセル) | 表示される場所 |
|---|---|---|---|
| 16 pt | icon_16x16.png (16) | [email protected] (32) | Finder のリスト表示、メニュー |
| 32 pt | icon_32x32.png (32) | [email protected] (64) | サイドバー、小アイコン表示 |
| 128 pt | icon_128x128.png (128) | [email protected] (256) | Finder のアイコン表示、Dock |
| 256 pt | icon_256x256.png (256) | [email protected] (512) | 大アイコン表示、クイックルック |
| 512 pt | icon_512x512.png (512) | [email protected] (1024) | 「情報を見る」のプレビュー、App Store |
mkdir MyApp.iconset sips -z 512 512 icon-1024.png --out MyApp.iconset/icon_512x512.png cp icon-1024.png MyApp.iconset/[email protected] # 16、32、64、128、256 px のファイルも同様に sips を繰り返します iconutil -c icns MyApp.iconset
PNG
Portable Network Graphics
PNG は、1996年に PNG Development Group が公開し、のちに W3C と ISO が標準化した可逆のラスター形式です。すべてのピクセルを正確に保持し、完全なアルファ透明に対応し、文字、シャープな輪郭、単色の面をノイズなく扱えます。この正確さから、スクリーンショット、ロゴ、アイコン、UI グラフィックに最適です。代償はサイズで、PNG で保存した写真は、同じ写真の JPEG や WebP の数倍になることがよくあります。すべてのブラウザ、OS、編集ソフトで PNG を開けます。
- 圧縮方式
- 可逆
- 透過
- 対応
- アニメーション
- 非対応
- 登場時期
- 1996 · PNG Development Group
ICNS
Appleアイコンイメージ
ICNSは、1998年のMac OS 8.5以降、macOSでアプリ、フォルダ、書類のアイコンに使われているAppleのアイコン用コンテナ形式です。1つのファイルに、16×16から1024×1024ピクセルまでの複数サイズ(Retina対応版を含む)がまとめられ、通常は透過付きのPNGデータで保存されます。XcodeとmacOSは直接読み込めますが、Apple以外のプラットフォームではほとんど使われません。Windowsや多くのウェブツールは、変換しないとICNSを開けません。
- 圧縮方式
- 可逆
- 透過
- 対応
- アニメーション
- 非対応
- 登場時期
- 1998 · Apple
Mac のアプリバンドル、インストーラー、フォルダで、複数の解像度を 1 つにまとめた Apple のアイコンコンテナが必要なときに PNG を ICNS にします。ICNS から PNG に戻すのは、既存のアプリアイコンを書類や Web サイトで再利用する場合だけです。
オンラインICNS変換か、Xcodeとiconutilか
このコンバーターは 16〜256 px のスロットを作成します。これは、どの Mac でも使われる Finder のリスト、サイドバー、Dock、アイコン表示をカバーし、Retina も 128 pt のスロットまで対応します。フォルダアイコン、DMG のボリュームアイコン、AppleScript や Automator のアプリ、社内ツールなら、開発ツールをインストールしなくても十分です。
Mac App Store に提出するアプリでは、Xcode のアセットカタログに 1024 px の元画像を使うか、上記のように完全な iconset に iconutil を実行して、512 pt のスロットを実際のピクセルで埋めてください。元画像はきれいな正方形にしておきましょう。ロゴが横長の場合は、先に画像トリミングツールで 1:1 のキャンバスにできます。余白を残す位置は画像を比率指定でトリミングする方法で解説しています。
Macユーザーから寄せられるPNG→ICNS変換の質問
Macのフォルダやアプリに独自のICNSアイコンを設定するには？
Finder で対象の項目を選び、Command-I で「情報を見る」を開き、.icns ファイルをウィンドウ左上の小さなアイコンにドラッグします。自分でビルドするアプリの場合は、ファイルを Contents/Resources に置き、Info.plist の CFBundleIconFile キーにそのファイル名を指定します。
ICNSの元にするPNGはどのサイズがよいですか？
Apple が定めている最大サイズの 1024 × 1024 px です。それより小さい PNG でも変換できますが、元より大きいサイズはすべて拡大されるため、Retina 画面ではぼやけて見えます。画像は正方形にし、アイコンの形の外側は透明にしてください。
Xcodeプロジェクトにアセットカタログがある場合も、ICNSを自作する必要がありますか？
不要です。macOS ターゲットで Assets.xcassets の AppIcon セットを使っている場合は、Xcode がビルド時にコンパイルしてアプリのアイコンファイルを生成します。別途 .icns が必要になるのは、シェルスクリプトのアプリ、Electron や Tauri のパッケージャー、Python のバンドラー、DMG の背景など、Xcode を使わないプロジェクトです。
新しいアイコンがグレーの角丸四角の中に表示されるのはなぜですか？
macOS 11 Big Sur 以降、Mac のアプリアイコンは角丸の正方形になりました。macOS 26 Tahoe では、この形を満たしていないアイコンはグレーのタイルの中に配置されます。角丸の正方形を画像自体に描き、四隅を透明にしておけば、デザインどおりに表示されます。
ICNSファイルにするとアートワークは圧縮されますか？
目に見える形では劣化しません。現在の .icns ファイルは、大きい画像を PNG データとしてコンテナ内に保存しており、これは可逆圧縮です。Apple 独自のランレングス方式と別の 8 ビットマスクを使うのは小さな旧式のエントリだけで、現行の Mac ではほとんど表示されません。
WindowsやLinuxでも同じアイコンファイルを使えますか？
Windows に必要なのは ICNS ではなく ICO です。同じ画像から PNG を ICO に変換できます。Linux のデスクトップはテーマフォルダ内の PNG または SVG アイコンを読み込むので、元の PNG がそのまま使えます。
