SVG を ICO に
無料のファビコンジェネレーターでSVGをICOに変換します
Web サイトのファビコン、アプリのアイコン、デスクトップのショートカット用に、マルチサイズの Windows .ico ファイルを作成します。ターゲット サイズを選択すると、コンバーターはそのサイズまでのすべての標準サイズを 1 つのファイルにパックします。
新規ファイルの既定値を編集しています
プレビュー
プレビューはありません。ファイルを追加して選択すると結果が表示されます。
ファイルがありません。上にドロップするか、「ファイルを選択」を押してください。
SVG とは
SVG（Scalable Vector Graphics）は XML をもとにしたベクター画像形式です。ピクセルではなく、図形、パス、塗り、線を数式で表すため、どんなサイズで描画しても品質が落ちません。
SVGはWeb標準のベクター形式です。すべての最新ブラウザでネイティブに表示でき、CSSでの装飾やJavaScript、SMILによるアニメーションにも対応します。ロゴ、アイコン、イラストでは軽量になりやすい一方、複雑なSVGはファイルサイズが大きくなる場合があります。
ICO とは
ICO は Windows のアイコンコンテナ形式で、ファビコン、アプリケーションアイコン、デスクトップのショートカットに使われます。1 つの ICO ファイルに複数のラスター画像（通常は 16×16 から 256×256）を収められます。
SVG とラスター形式の比較
ベクター画像（SVG）とラスター画像（PNG、JPG）は用途が異なります。画像を何に使うかによって適した形式が決まります。
| 項目 | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| 拡大縮小 | 解像度に依存しない | 拡大するとぼやける | 固定サイズで事前に描画 |
| ファイルサイズ | 図形やアイコンは小さい | 解像度とともに増える | 各サイズの画像の集合 |
| 編集 | テキストやベクターツールで編集可 | ピクセル単位の編集のみ | 各サイズを編集して再度まとめる |
| アニメーション | CSS、SMIL、JavaScript | 限定的（APNG / GIF） | 非対応 |
| 透過 | 対応 | PNG は対応、JPG は非対応 | 対応（PNG ベース） |
SVG を ICO に変換するのはどんなとき
ブラウザとデスクトップ シェルは ICO ファイルを使用します。この SVG から ICO へのコンバーターを無料のファビコン ジェネレーターとして使用します。ファビコン (favicon.ico)、Windows ショートカット、または .ico ファイルが必要な場合は、SVG を ICO に変換します。 1 つのファイルには標準の 16、32、48、64、128、および 256 ピクセル サイズを保持できるため、ブラウザーまたはオペレーティング システムが最適なものを選択できます。
SVG から ICO：ファイルサイズと品質のバランス
ファイルサイズ
マルチサイズの ICO には、16×16 からターゲットまでのすべての標準スロットがバンドルされています。ターゲットが大きくなると、より多くの埋め込みイメージが追加されるため、スロットの数とアートワークの詳細の両方に応じてファイルも大きくなります。このコンバータは、各スロットを圧縮された PNG データとして保存します。
ICO が適しているとき
ICO は、Windows ファビコン (サイト ルートの favicon.ico)、Windows デスクトップ ショートカット、タスクバー ピン、および特に .ico ファイルを要求するコンテキストの適切な出力です。複数のサイズをバンドルすると、ブラウザーまたはオペレーティング システムが最適なものを選択できるようになります。
ICO ではなく SVG のファビコンを使うとき
最新のブラウザは <link rel='icon' type='image/svg+xml' href='/favicon.svg'> を受け付けるので、SVG も残して ICO と併せて配信してください。SVG のファビコン 1 つでタスクバーやタブのあらゆるサイズに対応でき、高 DPI ディスプレイでも鮮明なままです。ICO は Windows のデスクトップショートカットと非常に古いブラウザ向けです。
品質とのバランス
ICO の各サイズはそのピクセルサイズちょうどでラスター化されるため、16×16 のサイズは 16×16 で鮮明です。ただし複雑な SVG を極端に縮小すると細部が失われることがあります。ファビコンでは、16×16 でも読み取れるように元の SVG を設計してください（太い線、少ない要素）。透過はピクセル単位で保たれ、単色を選ばないかぎり背景は透明のままです。
SVG を ICO にオンラインで変換する方法
- 1
ファイルをドロップするか「ファイルを選択」を押してキューに追加します。一度に最大 40 件です。
- 2
出力設定（サイズ、DPI、背景、品質、トレースの細かさ）を指定すると、プレビューがその場で更新されます。
- 3
「すべて保存」を押すと結果をダウンロードできます。キューに複数ある場合は 1 つの ZIP になります。
プライバシー：ファイルはブラウザから出ません
変換は、JavaScript および WebAssembly を使用してブラウザーでローカルに実行されます。ファイルのアップロードやサーバー側の変換がないため、追加したファイルはデバイス上に残ります。
ローカル処理は、機密ロゴ、内部文書、未公開のクライアント アートワークを保護するのに役立ちます。ページと変換コードは使用中にキャッシュされるため、すでに開いているツールはネットワーク接続がなくても引き続き動作できます。
よくある質問
ICO にはどのサイズが含まれますか？
最大サイズまでの標準的な ICO のサイズをすべて 1 つのファイルにまとめます。16、32、48、64、128、256 です。多くのブラウザや Windows のツールは、場面に応じて適切なサイズを自動で選びます。
ファビコンにはどのサイズを選べばよいですか？
ブラウザのタブやブックマークには 32 が無難です。標準サイズをすべて含めたい場合は 256 を選んでください。Windows はショートカット、タスクバーのピン留め、デスクトップアイコンに最大のものを使います。
ICO で透過背景を使えますか？
はい。ICO はピクセル単位のアルファに対応しており、既定で SVG の透過を保ちます。透明な部分を塗りつぶしたい場合にだけ、単色の背景色を選んでください。