SVG から ICO への変換方法
- .SVG ファイルを追加してください。上のボックスにドロップするか、クリックしてブラウズします。
- 数秒で .ICO に変換されます。
- 新しい .ICO ファイルをダウンロードしてください。
期待される結果
- 適切な ICO には複数のサイズ(16、32、48、256 px)が埋め込まれています。単一サイズの
.icoは、OS が別の寸法を期待する状況で、ぼやけて表示されたり誤ってスケーリングされたりすることがあります。 - 透明度を維持するために 32ビットの色深度でエクスポートしてください。8ビット(256色)出力では、滑らかなエッジや部分的な透明度がハードマスクに置き換わってしまいます。
- ICO 内部の 256 px スロットは圧縮された PNG ストリームとして保存されます。これは仕様によるもので、現在のすべての Windows バージョンと最新のブラウザはこれを正しく処理します。
よくある質問
ICO に変換せずに SVG を直接ファビコンとして使用できますか?
最新のブラウザ(Chrome、Firefox、Safari、Edge)は、
<link rel="icon"> タグを介して SVG ファビコンをサポートしています。ただし、一部のツールや古いブラウザが自動的にリクエストする /favicon.ico ルートパスへのフォールバックとして、依然として ICO が必要です。SVG の透明な背景は ICO に引き継がれますか?
はい - コンバーターや GIMP、ImageMagick などのツールはデフォルトで 32ビット ICO 出力を行うため、完全なアルファ透明度が維持されます。アイコンに滑らかなエッジや半透明のエッジがある場合は、8ビットでのエクスポートを避けてください。
SVG に細かいテキストやグラデーションがありますが、ICO でも正しく表示されますか?
256×256 ではきれいにレンダリングされますが、16×16 では判読不能になる可能性があります。小さいサイズでアイコンをプレビューし、小さいアイコン用にはデザインを単純な形状や太い線に簡略化することを検討してください。
ImageMagick で SVG を変換するには Inkscape のインストールが必要ですか?
ImageMagick は単純な SVG は単独で処理しますが、複雑なファイルは Inkscape または librsvg に処理を委託します。出力が空白になったり切れたりする場合は、Inkscape をインストールしてそこで SVG を PNG にエクスポートしてから、その PNG を ICO に変換してください。
SVG を変換するプログラム: Adobe Photoshop · GIMP · GIMP for Mac · Adobe Photoshop for Mac · GIMP for Linux · Picture Resize Free Online Images Converter · Photopea