メインコンテンツへスキップ

SVG を ICO に変換

SVG ファイルを追加し、出力は ICO のまま「変換」を押します。SVG はブラウザー内でピクセルに描画され、16、32、48ピクセル(十分大きければ64、128、256ピクセルも)の正方形アイコンとして1つの ICO にまとめられます。透明はそのまま残り、正方形でないロゴには余白がつきます。処理はブラウザー内で行われ、ファイルはデバイスから出ません。

  • 無料・登録不要
  • ファイルはお使いのデバイスから出ません
  • 1ファイル50 MBまで
出力形式

ICO は可逆形式なので画質の設定はありません。ファイルには16、32、48ピクセルの正方形アイコンが入り、画像が十分大きければ64、128、256ピクセルも加わります。

ファイルはお使いのデバイスから出ません。画像はブラウザー内で処理されます。出力に EXIF や位置情報は含まれません。

SVG を ICO に変換する方法

  1. SVG ファイルを追加

    画像をアップロード欄にドラッグするか、ファイルを選択します。複数のファイルをまとめて追加できます。

  2. 出力は ICO のまま

    ICO がすでに選択されています。画質の設定がある形式では、初期値は形式ごとに決まっています(JPG 90、WebP 80、AVIF 60)。ファイルを小さくしたいときは下げてください。

  3. 変換してダウンロード

    「変換」を押します。すべてのファイルがブラウザー内で処理され、結果は1つずつか ZIP でダウンロードできます。

何が保持されますか?

保持されるもの

  • 画像の縦横比(正方形でない画像は、正方形の中に収められます)
  • 写真の正しい向き(EXIF の向きを適用)
  • 色(sRGB に変換)
  • 透明(アルファチャンネル)

変わるもの

  • 画像は1つのサイズのままではなく、16、32、48ピクセル(十分大きければ64、128、256ピクセルも)の正方形アイコンに縮小され、1つの ICO ファイルにまとめられます。正方形でない画像は、左右や上下に余白ができます
  • ベクター図形はピクセルになり、出力は選んだサイズに固定されます

引き継がれないもの

  • EXIF、位置情報、カメラ情報:プライバシーのため出力に含まれません
  • 無限に拡大できる性質:ラスター画像は拡大するとぼやけます

こんなときに便利

ロゴの SVG から favicon.ico を作る

デザインデータとして手元にある SVG のロゴから、サイトのタブに表示する favicon.ico をすぐに作れます。

アプリのアイコンを用意する

Windows 向けのアプリやツールに設定するアイコンを、SVG のロゴから複数サイズでまとめて作れます。

知っておきたい制限事項

  • SVG から参照している外部の画像やフォントは読み込まれません。文字はシステムのフォントで描画されることがあります。
  • ICO は最大256 × 256ピクセルのため、それより大きい画像は縮小されます。ウェブサイト用の一式(Apple と Android のアイコン、マニフェスト)が必要なときは、ファビコン作成ツールをお使いください。
  • 1ファイル50 MBまで。出力は1辺が最大16,384ピクセルまでです。
  • iPhone と iPad では、ブラウザーの制限により、約1,600万画素を超える画像は処理できないことがあります。

フォーマットについて

SVG とは?

SVG は、ピクセルではなく、図形、パス、文字を XML で記述する画像形式なので、どんなサイズでも鮮明です。ロゴ、アイコン、イラストに最適です。ソフトやウェブサイトがピクセルの画像を必要とするときは、SVG を選んだサイズで PNG などのラスター形式に描画します。

ICO とは?

ICO は、16、32、48ピクセルなど複数の正方形サイズを1つのファイルに収められるアイコン形式です。Windows のアイコンや、ウェブサイトの favicon.ico に使われ、ブラウザーはタブに出す小さなアイコンとして、ファイルの中から合うサイズを選びます。透明に対応しますが、256 × 256ピクセルより大きくはできません。

よくある質問

SVG から作ると小さなアイコンもきれいですか?

SVG はまず輪郭のなめらかな画像として描画され、それから各サイズに縮小されます。ただ、細かい文字や線は16ピクセルでは読めなくなるので、小さいサイズ用には単純な形のロゴがおすすめです。

Apple や Android のアイコンも必要な場合は?

このページで作るのは ICO ファイル1つです。apple-touch-icon やマニフェストまで一度に用意したいなら、ファビコン作成ツールを使ってください。

SVG のままでは favicon にできませんか?

最新のブラウザーの多くは SVG の favicon にも対応していますが、対応していない環境もあります。favicon.ico も置いておくと、より多くの環境でアイコンが表示されます。

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

はい、完全に無料です。アカウント、サブスクリプション、透かしはありません。ファイルを追加して変換するだけです。

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

いいえ。画像はブラウザー内で処理され、お使いのデバイスから出ることはありません。待ち時間はファイルサイズとお使いのデバイスによって変わります。出力に EXIF や位置情報は含まれません。