SVG を ICO に変換

ここで SVG を ICO に変換できます。無料、アカウント不要です。ファイルを上の枠に落とせば、数秒で結果がダウンロードできる状態になります。 変換はお使いのブラウザーの中で行われるので、ファイルはアップロードされません。Windows でも macOS でも Linux でも、iPhone でも Android でも同じように動き、通信を切っても動き続けます。

  • 処理される場所 ブラウザーの中です。ファイルがアップロードされることはありません。
  • 作り直し ICOはSVGとは仕組みが違います。非可逆コーデックのような段階的な劣化ではありません。ICOが表現できるものは忠実に再現され、対応するものがないものはまったく残りません。
  • ファイルサイズの上限 1ファイルあたり100MBまで。無料、アカウント不要です。

一度に100ファイルまで。フォーマットが混ざっていても構いません。

ベクターロゴをアプリのアイコンにする

デザインソフトで作った SVG のロゴを、デスクトップアプリのアイコンやショートカットのアイコンとして使うには ICO 形式にする必要があります。この変換はその変換を一度で行います。

描画は常に幅 1,024 ピクセル

この変換器は SVG を resvg というレンダラーでラスター画像に描画してから ICO の各サイズに合わせて縮小します。SVG から ICO への変換では、この描画の解像度を変える設定は用意されておらず、常に幅 1,024 ピクセルで描画されます。

他の画像形式への変換にある拡大縮小の指定は、この組み合わせには存在しません。ICO 側で指定した各サイズへの縮小だけが行われます。

背景は透明なまま描画される

SVG の描画時点で背景は完全に透明として扱われます。ICO の各サイズは PNG 画像として格納されるため、透過情報はそのまま保たれ、背景が塗りつぶされることはありません。

フォントは埋め込まれているものだけが正しく表示される

SVG がテキスト要素を含む場合、その文字はファイルに埋め込まれたフォントで描画されます。埋め込まれていないフォントを参照している場合、実際にどのフォントに置き換わって描画されるかは環境によって異なり、確実な予測はできません。

ロゴに文字を含める場合は、事前にアウトライン化しておくと表示が安定します。

サイズは長辺基準で、拡大されることもある

既定では 16、32、48 ピクセルの 3 サイズが書き出されます。元画像が正方形でない場合は、比率を保ったまま余白を足して正方形に収める処理が行われ、引き伸ばされることはありません。

1,024 ピクセルで描画された画像を縮小するので、通常の用途で拡大が問題になることはまれです。

複雑な SVG の効果は保証されない

フィルター効果やアニメーション、`foreignObject` を使った高度な SVG の機能について、このレンダラーがどこまで対応しているかは明確になっていません。単純な図形とパスで構成されたロゴには確実に対応しますが、複雑な効果を使った SVG では見た目が変わる可能性があります。

まとめて変換する場合

複数の SVG を一度に置いても、順番に処理されて ZIP にまとめて返ってきます。アップロードは発生しませんが、1 回にまとめられるのは 100 ファイルまでです。

SVG を ICO に変換する手順

  1. お手元の SVG ファイル をこのページに落とすか、押してファイルを選んでください。
  2. 変換先に ICO を選びます。変換はブラウザーの中で行われ、ファイルはアップロードされません。
  3. できあがった ICO ファイル をダウンロードします。

SVG と ICO——何が変わるか

SVGとICOの比較
SVGICO
正式名称Scalable Vector GraphicsWindows アイコン
拡張子.svg.ico
メディアタイプimage/svg+xmlimage/x-icon
圧縮方式無圧縮可逆 — 何も捨てない
最初の公開20011985
発行元W3CMicrosoft
仕様SVG 1.1
ライセンスオープン標準公開仕様、標準化はされていない
現在の位置づけ現行限定的
ビット深度8
扱える色RGBRGB, インデックスカラー
最大の画像1辺 256 px
ブラウザで開けるかすべてのブラウザすべてのブラウザ
代わりに検討される形式PNG, PDFPNG

失われるもの

SVG は図形を記述し、ICO は点を扱います。結果は書き出した大きさでは鮮明で、それより大きくすると鮮明ではありません。あとから拡大しても、あいだの点は作り出すしかないからです。この変換で書き出しサイズがほかの多くの変換より重いのは、そのためです。

残るもの

透明は保たれます。SVG も ICO もアルファチャンネルを扱えるので、切り抜いた部分は切り抜かれたままで、その後ろに何かが塗られることはありません。

結果を開く

開くプログラムが重なりません。SVG はInkscape、Adobe Illustrator、Figmaで、ICO はGIMPとIcoFXで開きます。結果を渡す相手には後者のどれかが要ります。

ファイルサイズと品質

ICO は同じサンプルをおよそ半分の場所に収めます。失われるものはなく——展開すれば SVG ファイルがビット単位で戻ります——だからこそ、取っておきたいものの置き場としてはこちらが優れています。

どちらの形式が何のためのものか

SVG は W3C の形式です(2001 年に登場)。 SVG 1.1 で規定されています。ファイルが、それを書いた道具より長く生きなければならないなら、この一点には値打ちがあります。

ICO は Microsoft の形式で、1985 年から使われています。GIMPとIcoFXがこの形式を読めます。

ICO は 1985 年、SVG は 2001 年に登場しました。人に渡すならたいてい古いほうが安全で、新しいほうは同じ仕事をより少ないバイト数で片づけます。

SVG から ICO:よくある質問

SVG ファイル はどこかにアップロードされますか。

いいえ。この変換は完全にブラウザーの中で行われるので、ファイルが端末から出ることはありません。ご自分で確かめられます。開発者ツールのネットワークタブを開いて、何か変換してみてください。ページそのものと、このサービスの費用をまかなっている分析・広告のリクエストは見えますが、あなたのファイルを運んでいるリクエストはひとつもありません。

SVG から ICO への変換は無料ですか。

はい。アカウントも透かしもなく、消費される 1 日の割り当てもありません。お使いの機械の上で動くので、何度でも戻ってきていただけます。ブラウザーが扱えるのは 100 MB までのファイルで、一度に 100 本です。

SVG を ICO に変換すると品質は落ちますか。

SVG と ICO は、内容の表し方が根本から違います。ですからこの変換は複製ではなく再構築です。誠実ではありますが、1 バイトも同じというわけではありません。

SVG から作った ICO ファイル は、あとで拡大できますか。

SVG は図形を記述し、ICO は点を扱います。結果は書き出した大きさでは鮮明で、それより大きくすると鮮明ではありません。あとから拡大しても、あいだの点は作り出すしかないからです。この変換で書き出しサイズがほかの多くの変換より重いのは、そのためです。

ICO は何も失わずに小さくなるのですか。

ICO は同じサンプルをおよそ半分の場所に収めます。失われるものはなく——展開すれば SVG ファイルがビット単位で戻ります——だからこそ、取っておきたいものの置き場としてはこちらが優れています。

SVG から ICO にすると、透明は残りますか。

透明は保たれます。SVG も ICO もアルファチャンネルを扱えるので、切り抜いた部分は切り抜かれたままで、その後ろに何かが塗られることはありません。

これらのフォーマットについて

この数値の出典

このページがSVGとICOについて述べていることは検証できます。根拠となる資料は次のとおりです。