SVG を ICNS に
macOS アプリ アイコン用に SVG を ICNS に変換します
macOS アプリとドキュメント アイコン用のマルチサイズ .icns ファイルを作成します。ターゲット サイズを選択すると、コンバーターは最大 1024×1024 までの各標準サイズを自動的にパックします。
新規ファイルの既定値を編集しています
プレビュー
プレビューはありません。ファイルを追加して選択すると結果が表示されます。
ファイルがありません。上にドロップするか、「ファイルを選択」を押してください。
SVG とは
SVG(Scalable Vector Graphics)は XML をもとにしたベクター画像形式です。ピクセルではなく、図形、パス、塗り、線を数式で表すため、どんなサイズで描画しても品質が落ちません。
SVGはWeb標準のベクター形式です。すべての最新ブラウザでネイティブに表示でき、CSSでの装飾やJavaScript、SMILによるアニメーションにも対応します。ロゴ、アイコン、イラストでは軽量になりやすい一方、複雑なSVGはファイルサイズが大きくなる場合があります。
ICNS とは
ICNS は Apple のアイコンコンテナ形式で、macOS がアプリケーションバンドルや書類タイプのアイコンに使います。1 つの ICNS ファイルに標準サイズ(16、32、64、128、256、512、1024 ピクセル)の PNG 画像を複数収められます。
SVG とラスター形式の比較
ベクター画像(SVG)とラスター画像(PNG、JPG)は用途が異なります。画像を何に使うかによって適した形式が決まります。
| 項目 | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| 拡大縮小 | 解像度に依存しない | 拡大するとぼやける | 固定サイズで事前に描画 |
| ファイルサイズ | 図形やアイコンは小さい | 解像度とともに増える | 各サイズの画像の集合 |
| 編集 | テキストやベクターツールで編集可 | ピクセル単位の編集のみ | 各サイズを編集して再度まとめる |
| アニメーション | CSS、SMIL、JavaScript | 限定的(APNG / GIF) | 非対応 |
| 透過 | 対応 | PNG は対応、JPG は非対応 | 対応(PNG ベース) |
SVG を ICNS に変換するのはどんなとき
macOS アプリとドキュメント タイプは ICNS を使用します。この SVG から ICNS へのコンバーターを無料の macOS アプリ アイコン ジェネレーターとして使用します。macOS アプリ、Electron または Tauri Mac バンドルをパッケージ化するとき、またはカスタム ドキュメント アイコンを作成するときに、SVG を ICNS に変換します。 1 つのファイルには 16 ~ 1024 ピクセルのサイズを含めることができるため、macOS は Finder、Dock、ダイアログに適切な画像を選択できます。
SVG から ICNS:ファイルサイズと品質のバランス
ファイルサイズ
マルチサイズの ICNS は、16×16 からターゲットまで、最大 1024×1024 までのすべての標準スロットをバンドルします。ファイル サイズは、含まれるスロットの数とソース アートワークの複雑さによって異なります。
ICNS が適しているとき
ICNS は、macOS アプリ アイコン形式です。 .app バンドル、Electron または Tauri Mac ビルド、カスタム ドキュメント アイコン、または特に .icns ファイルを必要とするワークフローをパッケージ化するときに使用します。
SVG をアイコンの原本として残すとき
SVG をアイコンの編集可能な信頼できる情報源として保持します。 ICNS を macOS のビルド アセットとして生成し、デザインや必要なサイズが変更されるたびにベクター マスターに戻ります。
品質とのバランス
各 ICNS スロットには、SVG からラスタライズされた PNG が正確なサイズで保存されます。大きなスロットではディテールが保持されますが、複雑なアートワークは 16 ピクセルまたは 32 ピクセルでは濁ってしまう可能性があります。最適な小さなアイコンを作成するには、シンプルなデザインから始めて、生成されたすべてのサイズを検査します。
SVG を ICNS にオンラインで変換する方法
- 1
ファイルをドロップするか「ファイルを選択」を押してキューに追加します。一度に最大 40 件です。
- 2
出力設定(サイズ、DPI、背景、品質、トレースの細かさ)を指定すると、プレビューがその場で更新されます。
- 3
「すべて保存」を押すと結果をダウンロードできます。キューに複数ある場合は 1 つの ZIP になります。
プライバシー:ファイルはブラウザから出ません
変換は、JavaScript および WebAssembly を使用してブラウザーでローカルに実行されます。ファイルのアップロードやサーバー側の変換がないため、追加したファイルはデバイス上に残ります。
ローカル処理は、機密ロゴ、内部文書、未公開のクライアント アートワークを保護するのに役立ちます。ページと変換コードは使用中にキャッシュされるため、すでに開いているツールはネットワーク接続がなくても引き続き動作できます。
よくある質問
ICNS にはどのサイズが含まれますか?
最大サイズまでの標準的な ICNS のサイズをすべてまとめます。16、32、64、128、256、512、1024 です。macOS は場面に応じて適切なサイズを選びます。Finder のサムネイル、Dock のアイコン、ダイアログのアイコンなどです。
macOS のアプリアイコンにはどのサイズを選べばよいですか?
最新の macOS アプリのサイズの完全なセットが必要な場合は、1024 を選択してください。また、コンバータには小さな標準スロットがすべて自動的に組み込まれ、macOS に Finder、Dock、およびその他のインターフェイス サイズに適切なイメージが与えられます。
ICNS は透過に対応していますか?
はい。ICNS は PNG と同じくピクセル単位のアルファを使います。既定で透過を保ちます。透明な部分を塗りつぶしたい場合にだけ、単色の背景を選んでください。