svg2img

SVG ICO 変換

SVGロゴをウェブサイトやWindowsアプリ用のICOへ。小さなサイズを確認し、複数サイズを1ファイルに保存します。

Advertisement

複数のサイズを1つのICOに

サイズセットを選ぶ

ウェブ用は16・32・48px、Windows用は16・24・32・48・256px。個別にも選べます。

変形せず余白を調整

元の比率を保って正方形の中央に配置します。余白と背景を変更できます。

小さなアイコンを確認

16pxと32pxを明暗の背景で実寸表示します。細い線や小文字は元デザインを簡略化してください。

使い方

  1. 1

    SVGまたはコードを読み込みます。

  2. 2

    サイズ、余白、背景を設定します。

  3. 3

    確認して複数サイズのICOを保存します。

1つのICOに複数サイズを格納

ICOは正方形画像をまとめるコンテナーです。このツールは選択した各サイズをSVGから描画し、1つの.icoファイルに格納します。ICOを要求するWindowsアプリやサイト向けです。サイトのアイコン一式が必要な場合はfaviconジェネレーターをご利用ください。

ICOのサイズはどれを選ぶ？

横にスクロールして表全体を確認 →

プリセット・選択肢ピクセル寸法用途
ウェブサイト16、32、48ウェブ用の小さなICOフォールバック。
Windowsアプリ16、24、32、48、256現行Windows向けの開始点。対象アプリの仕様も確認してください。
追加サイズ64、128提出先で必要な場合に追加します。
全選択肢16、24、32、48、64、128、256画像数が増えても16pxの細部が増えるわけではありません。

16pxでも識別できるロゴにする

  1. 01縮小前に図案を整理する

    長い文字列より短いマークや1文字が見やすくなります。16pxで消える細部は原稿を調整してください。256px画像を追加しても最小画像の細部は戻りません。

  2. 02元の余白を確認する

    縦横比を保ち、正方形に中央配置します。各辺8%の余白なら、辺の84%が図形を収める領域です。元のviewBox内の余白は残るので、不要な空白は先にトリミングしてください。

  3. 03明暗の背景で確認する

    実寸プレビューで輪郭とコントラストを確認します。一定の下地が必要なら背景色を指定し、複数の背景で使える図案なら透過を保持します。

小さい・欠ける・開けないアイコンへの対処

図案が小さすぎる
余白を減らし、元のviewBoxも確認してください。SVG内の空白も縮小対象になるため、トリミングツールで先に削れます。
文字や影が欠ける
文字をパス化し、外部画像を埋め込んで互換性の警告を確認します。線や影の全体が元のviewBoxに収まるかも確認してください。
古いアプリで開けない
ICO内部はPNG画像で、現行Windowsを対象にしています。古いアプリはBMP/DIB画像を要求する場合があります。本ツールはその旧形式を出力しないため、利用先で検証してください。

SVGはどこで処理されますか？

変換はブラウザー内で行い、SVGを変換のために当サイトのサーバーへアップロードしません。ツール間で引き継ぐ原稿はメモリに保持し、再読み込みで消去します。外部画像やフォントの取得には通信が必要な場合があります。文字のパス化とリソースの埋め込みで外部依存を減らせます。 プライバシーポリシー

よくある質問

本当に複数サイズが入りますか？

はい。選択した各サイズをSVGから個別に描画し、1つのICOに格納します。

Windowsで使えますか？

Vista以降のWindowsに対応したPNG圧縮画像を含みます。Windowsプリセットを使い、対象アプリで確認してください。XP用の旧形式には対応しません。

横長のロゴは変形しますか？

いいえ。縦横比を保持して正方形に収めます。余白も追加できます。

ICOとfaviconパッケージのどちらが必要？

単一ファイルならICO。サイト用のSVG、PNG、ICO、manifest、設置手順が必要ならSVG to Faviconをご利用ください。

PNGやSVGを.icoに改名できますか？

改名だけではICOのヘッダーと画像ディレクトリは作られません。このツールは各サイズのPNGを別々に描画し、ICOコンテナーに格納します。

macOSのICNSも生成できますか？

いいえ。ICOとICNSは異なる形式です。.icnsを要求するアプリには専用の変換手順を使い、拡張子だけを変えないでください。

SVGで次の作業へ

関連ガイド

↑ 変換ツールに戻る