ICNSをPNGに変換
Macアプリのアイコンを.icnsファイルから取り出し、文書やスライド、Webサイト、画像編集ソフトで使える普通のPNGにします。セット内で最も鮮明な画像を透過背景付きで取り出せ、OSを問わず使えます。
画像変換
またはJPG, JPEG, JPE … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
85 なら写真は元の画像と見た目がほぼ変わりません。ファイルを小さくしたいときだけ下げてください。
JPG、BMP、EPS は透過に対応していません。透明な部分はこの色で塗りつぶされます。
透明な部分の背景に使う16進カラーです(例: #FFFFFF)。
この形式には 1 枚の画像しか保存できません。アニメーションを残すには GIF または WebP を選んでください。
マルチサイズのアイコンは 1 つのファイルに複数の解像度を含み、ブラウザや OS が必要なサイズを選びます。
元のサイズを維持するか、片方の辺を入力すると縦横比を保ったままサイズ変更します。
上で選んだ辺のピクセル数です。
元のサイズに対する割合です。
画面や Web には sRGB が適しています。印刷用途では元の色空間を維持してください。グレースケールにすると色情報は失われます。
メタデータのみ変更します。0 なら元の値を維持します。プリンターや一部のサイトがこの値を読み取りますが、ピクセル数は変わりません。
このツールの使い方
- 1
.icnsファイルをアップロード
先にアプリのバンドルやプロジェクトフォルダからファイルをコピーしてください。1回に最大20個のアイコンファイルを処理できます。
- 2
「PNGに変換」を押す
アイコンセットの中で最大のサイズのものをデコードし、アルファチャンネル付きのPNGとして書き出します。
- 3
ダウンロードして貼り付け
PNGはそのまま使うことも、縮小して使うこともできます。1024 pxから縮小する分には、画質が落ちることはありません。
.icnsファイルは、同じアイコンを16 pxから1024 pxまでの複数のサイズで重ね、それぞれを4文字のタイプコードで保存したものです。PNGに変換すると、最大のものを取り出し、透明部分を保った通常の画像として保存します。
ICNSをPNGに変換:macOSアイコンをファイルから取り出す
AppleはICNS形式を1998年のMac OS 8.5で導入し、画面の高解像度化に合わせて拡張してきました。Macのアプリにはすべてバンドル内にICNSが含まれており、XcodeもmacOSアプリのビルド時に、アセットカタログのアプリアイコンセットからAppIcon.icnsを生成します。Mac以外ではこの形式を読めるものはほぼなく、Macでもほとんどのエディターが扱えるのはPNGです。
最大256 × 256 pxのWindows用ICOと違い、ICNSにはRetinaディスプレイ向けの1024 × 1024画像を収められ、多くのサイズはすでにPNGデータとして保存されています。そのため、ここでの変換は劣化がありません。最大のサイズのものをデコードし、サイズを変えずに透明度もそのまま書き出します。
Macのアイコンファイルに含まれるサイズとタイプコード
| タイプコード | ピクセル | 表示場所 | 導入時期 |
|---|---|---|---|
| is32 + s8mk | 16 × 16 | 小さなリストアイコン | Mac OS 8.5 |
| il32 + l8mk | 32 × 32 | Finderのアイコン表示 | Mac OS 8.5 |
| it32 + t8mk | 128 × 128 | Finderの大きなアイコン | Mac OS X 10.0 |
| ic08 | 256 × 256 | Finderの大きなアイコン表示 | Mac OS X 10.5 |
| ic09 | 512 × 512 | 大きなプレビュー | Mac OS X 10.5 |
| ic10 | 1024 × 1024 | Retinaでの512 pt 2x | Mac OS X 10.7 |
ICNS
Appleアイコンイメージ
ICNSは、1998年のMac OS 8.5以降、macOSでアプリ、フォルダ、書類のアイコンに使われているAppleのアイコン用コンテナ形式です。1つのファイルに、16×16から1024×1024ピクセルまでの複数サイズ(Retina対応版を含む)がまとめられ、通常は透過付きのPNGデータで保存されます。XcodeとmacOSは直接読み込めますが、Apple以外のプラットフォームではほとんど使われません。Windowsや多くのウェブツールは、変換しないとICNSを開けません。
- 圧縮方式
- 可逆
- 透過
- 対応
- アニメーション
- 非対応
- 登場時期
- 1998 · Apple
PNG
Portable Network Graphics
PNG は、1996年に PNG Development Group が公開し、のちに W3C と ISO が標準化した可逆のラスター形式です。すべてのピクセルを正確に保持し、完全なアルファ透明に対応し、文字、シャープな輪郭、単色の面をノイズなく扱えます。この正確さから、スクリーンショット、ロゴ、アイコン、UI グラフィックに最適です。代償はサイズで、PNG で保存した写真は、同じ写真の JPEG や WebP の数倍になることがよくあります。すべてのブラウザ、OS、編集ソフトで PNG を開けます。
- 圧縮方式
- 可逆
- 透過
- 対応
- アニメーション
- 非対応
- 登場時期
- 1996 · PNG Development Group
ICNSをPNGに変換するのは、Macのアプリアイコンをパッケージの外で使うためです。チュートリアル、スライド、Webサイト、Windowsのエディターなどで使います。逆のPNGからICNSへの変換は、アプリを開発する人向けです。
Retinaサイズ、XcodeのアイコンセットとPNGに残るもの
- @2xメンバーRetinaアイコン · ic10 · 512@2x
- Retina画面向けに、縦横それぞれ2倍のピクセルで描いたアイコンサイズのコピーです。512 ptの2xアイコンは1024 × 1024 pxで、高密度ディスプレイではmacOSが自動的にこれを選びます。
アップロードしたアイコンセットに1024 pxのものがない場合(古いアプリでは多く見られます)、PNGは存在する最大サイズ(多くは512 pxか256 px)で出力されます。コンバーターが自動で拡大することはありません。128 pxのアイコンを拡大しても、ぼやけた画像になるだけです。
変換で残るのは画像だけです。ICNSには目次、ダークモード用、メニュー用のテンプレートアイコンなども含められますが、これらは無視されます。逆方向で自作アプリを公開するときは、PNGをICNSに変換で、1024 pxのアートワーク1枚から一式を作成できます。アイコンがJPGではなくPNGで保存される理由は、JPG、JPEG、PNGの違いの解説をご覧ください。
MacのICNSアイコンとPNGに関するよくある質問
インストール済みのMacアプリの.icnsファイルはどこにありますか?
Finderでアプリケーションフォルダ内のアプリを右クリックし、「パッケージの内容を表示」を選んで Contents › Resources を開きます。アイコンは通常 AppIcon.icns という名前か、アプリ名が付いています。アップロードする前に別の場所へコピーしてください。バンドルの中から移動しないでください。
Dockでは小さく見えるのに、PNGが1024 pxになるのはなぜですか?
最近のアイコンセットには、Retina画面向けに2xの512 × 512画像が含まれており、実際のピクセル数は1024 × 1024です。Dockでは小さいサイズのものが表示されますが、PNGには最大のものが使われるため、加工に使える情報が最も多くなります。
最大サイズだけでなく、アイコンセットの全解像度を書き出すには?
Macでは、ターミナルで iconutil -c iconset AppIcon.icns を実行すると、すべてのサイズがPNGとしてフォルダに展開されます。こちらのコンバーターは1ファイルにつき最大サイズのPNGを1つ返します。小さいサイズは画像サイズ変更で作成できるため、ほとんどの用途には十分です。
角丸の形や影もPNGに含まれますか?
はい。2020年のmacOS Big Sur以降のAppleのデザインで作られたアイコンが該当します。形、影、透明な余白がアートワークに描き込まれているため、PNGでは角が透明になり、表示される部分の周囲に少し余白が残ります。
WindowsではICNSファイルを変換せずに開けますか?
標準のツールでは開けません。Windowsのフォトやエクスプローラーは、Appleのアイコン形式を読み取れません。PNGへの変換ならどのブラウザからでも行えます。Windowsのプログラムでアイコンが必要な場合は、続けてPNGをICOに変換をご利用ください。
アプリのアイコンを自分のプレゼン資料や記事に使ってもよいですか?
アイコンの権利は制作した企業にあります。レビューやチュートリアルのように、アプリを紹介するために表示するのは一般的ですが、自分のロゴとして使うことはできません。判断に迷う場合は、開発元のブランドガイドラインを確認してください。
- PNGをICNSに変換PNGをMacアプリ、スクリプト、DMGボリューム、フォルダ用のApple .icnsアイコンに変換。複数サイズを出力し、透過も保持。Xcodeは不要です。
- ICOをPNGに変換.icoファイルを透過背景のままPNGに変換。アイコン内の最大サイズの画像を取り出すので、ファビコンやWindowsアイコンもくっきり仕上がります。
- ICOをJPGに変換.icoアイコンやファビコンをJPGに変換し、資料、スライド、メール、アップロードフォームで使えます。最大サイズのフレームを使用し、透過部分は白または指定色で塗りつぶします。
- SVGをPNGに変換SVGのロゴやアイコンを、指定した幅（初期値1024 px）でPNGに変換します。透過背景もそのまま保持。DPIとピクセルの関係も解説します。
- 画像をPNGに変換WebP、AVIF、HEIC、GIF、SVG、PSD、TIFF、RAWなどをPNGに変換。劣化のない可逆出力、透過背景もそのまま。1回20ファイルまで、登録不要です。
- SVGをアイコンに変換1つのSVGからアイコンを作成。Windowsやファビコン用のICO、macOS用のICNS、Android・iOS用の各サイズPNGに対応。初期設定はマルチサイズICOで、形式は切り替えられます。