本文へスキップ

SVG を ICNS に

macOS アプリ アイコン用に SVG を ICNS に変換します

macOS アプリとドキュメント アイコン用のマルチサイズ .icns ファイルを作成します。ターゲット サイズを選択すると、コンバーターは最大 1024×1024 までの各標準サイズを自動的にパックします。

ここにファイルをドロップ

新規ファイルの既定値を編集しています

アイコン形式

ICO のサイズは 16、32、48、64、128、256 に固定されています。最大サイズまでのすべてを書き出し、1 つの .ico にまとめます。

含まれるサイズ:16, 32, 48, 64, 128, 256 px

背景
角丸
絵柄
水平方向の配置
垂直方向の配置

余白は絵柄を内側に寄せ、拡大率は絵柄を拡大し、配置は絵柄が枠いっぱいにならないときの位置を決めます。背景と角丸の形は常にアイコン全体に広がります。

プレビュー

プレビューはありません。ファイルを追加して選択すると結果が表示されます。

ファイルがありません。上にドロップするか、「ファイルを選択」を押してください。

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)は用途が異なります。画像を何に使うかによって適した形式が決まります。

項目SVGPNG / JPGICO / 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. 1

    ファイルをドロップするか「ファイルを選択」を押してキューに追加します。一度に最大 40 件です。

  2. 2

    出力設定(サイズ、DPI、背景、品質、トレースの細かさ)を指定すると、プレビューがその場で更新されます。

  3. 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 と同じくピクセル単位のアルファを使います。既定で透過を保ちます。透明な部分を塗りつぶしたい場合にだけ、単色の背景を選んでください。