SVGをICOに変換するとどうなるか
- 画像はデコードされ、最大256×256ピクセルのPNGベースのアイコンとして書き出されます。
- アイコンは256×256ピクセルまでに制限されているため、それより大きな画像は縦横比を保ったまま収まるように縮小されます。
SVGをICOにオンラインで変換する方法
- 「SVGファイルを選択」を押して1つ以上のファイルを選ぶか、枠の中にドラッグします。端末のメモリに収まるサイズなら、どんなサイズのファイルでも追加できます。
- 必要に応じて設定を調整してください。出力は可逆なので、品質の設定を気にする必要はありません。
- 「ICOに変換」を押します。画像の変換は1枚あたり1〜2秒で終わります。
- 各ICOをそれぞれのダウンロードボタンで保存します。タブを閉じると、ファイルの痕跡はすべてメモリから消えます。
SVGをICOに変換する理由
SVGファイルがよく使われるのは、Web上のロゴ、アイコン、グラフ、イラストです。ICOに変換する理由は、ICOがブラウザやWindowsでWebサイトやプログラムのアイコンに使われる形式だからです。
つまり、SVGは本来の用途には優れていますが、別の場所で開いたり、アップロードしたり、印刷したりする必要がある場合はICOのほうが実用的です。SVGはすべてのブラウザで標準で表示できます。一方、ICOはブラウザではファビコンとして表示され、直接開けるかどうかはビューアによります。
Windows、Mac、iPhone、AndroidでSVGをICOに変換する方法
Windowsの場合
Chrome、Edge、Firefoxでこのページを開き、エクスプローラーからSVGファイルをドラッグして、「変換」を押します。各ICOは「ダウンロード」フォルダに保存されます。
Macの場合
Safari、Chrome、Firefoxのいずれでも使えます。FinderからSVGファイルをドロップエリアにドラッグすると、ICOファイルが「ダウンロード」に保存されます。
iPhone・iPadの場合
Safariでページを開き、「SVGファイルを選択」をタップします。「写真」または「ファイル」アプリから選択できます。変換されたICOは、「ファイル」アプリの「ダウンロード」フォルダに表示されます。写真ライブラリに入れるには、そこでファイルを開き、「共有」をタップして「画像を保存」を選びます。
Androidの場合
Chromeでページを開き、「SVGファイルを選択」をタップして、「ファイル」やギャラリーから選びます。ICOは「Download」フォルダに保存され、どのファイルマネージャーからでも見つけられます。
SVGからICOへのおすすめの設定
アイコンは慣例として正方形で、最大256×256ピクセルです。最近のWindowsや高解像度の画面には256、従来のデスクトップアイコンには48か32、Webサイトのファビコンには16か32を選んでください。正方形でない画像は、引き伸ばされずに収まるように縮小されます。
SVGとICOの違い
| SVG | ICO | |
|---|---|---|
| 正式名称 | Scalable Vector Graphics(スケーラブル・ベクター・グラフィックス) | Windowsアイコン |
| 種類 | 画像 | 画像 |
| 開発元 | World Wide Web Consortium | Microsoft |
| 初回リリース | 2001 | 1985 |
| 圧縮 | 可逆 | 可逆 |
| 透過 | はい | はい |
| アニメーション | はい | いいえ |
| ベクターかラスターか | ベクター | ラスター |
| 色 | あらゆる色に対応し、ピクセルではなく図形で表現 | アルファ付きの最大32ビットカラー、最大256×256ピクセル |
| ブラウザでの表示 | すべてのブラウザで標準で表示できます | ブラウザではファビコンとして表示され、直接開けるかどうかはビューアによります |
| 主な用途 | Web上のロゴ、アイコン、グラフ、イラスト | WebサイトのファビコンやWindowsのプログラムアイコン |
| MIMEタイプ | image/svg+xml | image/x-icon |
SVGファイルとICOファイルについて
SVGファイルとは?
SVGは図形をテキストの命令として記述するため、どのサイズでもくっきりしたままで、シンプルなロゴなら5 KB未満になることもあります。ピクセルに変換すると1つの解像度に固定されるので、変換する前に出力サイズを選んでください。
ICOファイルとは?
ICOファイルは同じアイコンの複数のサイズを収められる小さなコンテナで、Windows Vista以降は各サイズをPNGとして埋め込んで保存できます。ICOに収められる最大のサイズは256×256ピクセルです。
SVGからICOへの変換がうまくいかない場合のよくある問題
- 色が少し違って見える。ブラウザは画像をデコードする際に標準のsRGB色空間に変換するため、広色域やCMYKの画像は色が少し変わることがあります。
- スマートフォンの写真が、他の場所では横向きに見えていたのに、まっすぐな向きになる。これは正しい動作です。写真に保存された回転情報が変換時に適用されるため、ICOは常に正しい向きになります。
- ファイルが思ったより大きくなります。SVGは短い描画命令の集まりですが、ICOはすべてのピクセルを保存するため、出力は通常大きくなり、選んだ幅に応じてさらに大きくなります。
コマンドラインでSVGをICOに変換
ターミナルを使う場合は、ImageMagickでSVGをICOに1行で変換できます。
magick input.svg output.icoフォルダ内のすべてのSVGをまとめて変換するには、magick mogrify -format ico *.svgを使います。SVGで最良の結果を得るには、-densityまたは-resizeでサイズを指定してください。このページの変換ツールなら、何もインストールせずに同じことができます。
SVGからICOへの変換ツールのよくある質問
SVGをICOに変換すると品質は落ちますか?
いいえ。ICOは可逆で書き出されるため、選んだサイズでSVGとまったく同じ結果になります。
ICOとSVGでファイルサイズが違うのはなぜですか?
SVGは短い描画命令の集まりですが、ICOはすべてのピクセルを保存するため、出力は通常大きくなり、選んだ幅に応じてさらに大きくなります。
SVGファイルはどこかにアップロードされますか?
いいえ。変換はブラウザ自体の画像デコーダーを使ってこのブラウザのタブ内で行われるため、ファイルはお使いの端末から出ません。ページの読み込みが終わった後は、インターネットを切断しても動作します。
複数のSVGファイルをまとめてICOに変換できますか?
はい。ファイルはいくつでも選択またはドロップできます。1つずつ順番に変換され、それぞれにダウンロードボタンが表示されます。
ICOファイルを開くには?
ICOはブラウザではファビコンとして表示され、直接開けるかどうかはビューアによります。ICOがよく使われるのは、WebサイトのファビコンやWindowsのプログラムアイコンです。
このSVGからICOへの変換ツールは無料ですか?
はい。会員登録も透かしもなく、変換できるファイル数にも制限はありません。サイトの運営費は広告でまかなわれており、変換はお使いの端末上で行われるため、ファイルごとのサーバー費用はかかりません。
スマートフォンでSVGをICOに変換できますか?
はい。この変換ツールは、iPhoneやiPadのSafari、AndroidのChromeで動作します。変換したファイルは「ダウンロード」フォルダに保存されます。