直接の回答
画像から ICO への変換は、SVG またはビットマップのロゴをラスタライズし、透明またはほぼ白の余白を切り取り、正方形に揃えたうえで、選んだサイズを Windows ICO コンテナと同一ピクセルの PNG にまとめます。
このツールの使い方
画像を 1 枚アップロード
SVG、PNG、JPG、WebP のいずれかを 1 ファイルドロップします。SVG は描画前にブラウザ内でサニタイズされます。
ICO サイズと余白の引き締めを選ぶ
標準の 16・32・48 ピクセル層を残すか、64・128・256 を追加します。自動トリミング後も余白が残る場合はインセットスライダーで詰めます。
ZIP をダウンロード
元のファイル名から作った ZIP を書き出します。中身は複数サイズの favicon ICO と、選択した各サイズの PNG です。
ブラウザ内で画像を ICO にする仕組み
ファビコンやデスクトップアイコンには複数解像度の正方形ビットマップが必要です。このツールはローカル Canvas メモリでソースをデコードし、空の余白を除いて正方形にパディングし、指定サイズへ縮小したうえで、Microsoft ICONDIR 形式の ICO と兄弟 PNG を 1 つの ZIP に書き込みます。
- クライアント処理: ラスタライズ、トリミング、ICO 梱包は端末から出ません。
- SVG サニタイズ: 描画前に script、イベントハンドラ、リモートリソースを除去します。
- 対応 PNG: 選んだ各 ICO レイヤーは同じピクセルサイズの PNG としても保存されます。
具体例
ロゴを favicon パックにする
入力: ファイル: logo.png（透明余白の多いブランドマーク）
出力: 書き出し: logo-favicon.zip（logo-favicon.ico と logo-16.png、logo-32.png、logo-48.png）
ブラウザタブ用の favicon 一式と、選択サイズごとの PNG を一度に得られます。
制限事項
- 一度に処理できるのは 1 枚です。別のロゴにするときは現在のファイルを置き換えてください。
- アニメーション SVG とアニメーション WebP は拒否されます。静止 ICO は複数フレームを保持できません。
- ほぼ白の背景上の薄いロゴは切り取りがきつくなり得ます。インセットを下げるか、書き出し前にコントラストを上げてください。
よくある質問
どのファイルを ICO に変換できますか？
SVG、PNG、JPG/JPEG、WebP です。SVG は先にサニタイズされ、スクリプトや遠隔ネットワーク参照は実行されません。
このツールはロゴをアップロードしますか？
しません。デコード、余白トリミング、Canvas スケール、ICO 梱包、ZIP 作成はすべてブラウザ内で行われます。
信頼できる参考文献・標準規格
- W3C Scalable Vector Graphics (SVG) 2 仕様 ↗ — SVG 文書ツリー、座標、ラスタライズに関する W3C 公式勧告。