画像を ICO に変換する無料ツール
PNG、JPG、WebP、BMP、GIF を ICO アイコンに変換。マルチサイズ Favicon の生成に対応。すべてブラウザ内で完結 — アップロードなし、サーバーなし。
ここに画像をドラッグ&ドロップ
またはクリックしてファイルを選択
クリックで favicon.ico が自動ダウンロードされます
ICOとは?
ICO は Windows が使うアイコンファイル形式で、WebサイトのFavicon(ブラウザのタブに表示される小さなアイコン)の標準形式でもあります。1つのICOファイルには16×16、32×32、48×48など複数のサイズを格納でき、ブラウザやOSが用途に応じて最適なサイズを自動的に選びます。
つまり、ブラウザのタブやブックマーク、デスクトップのショートカットで見かける小さなサイトアイコンは、ほとんどがICOファイルです。このページ上部のツールに画像をドラッグすれば、ワンクリックでマルチサイズのICOに変換できます。処理はすべてブラウザ内で行われ、画像がアップロードされることはありません。
使い方:3ステップ
- アップロード:PNG、JPG、WebPなどの画像をアップロードエリアにドラッグするか、クリックしてファイルを選択します。複数画像の一括プレビューに対応。
- サイズを選ぶ:初期設定の「ファビコンセット」(16+32+48) でほとんどのサイトは十分。単一サイズを選ぶか、8〜256pxの任意サイズを入力することもできます。
- ダウンロード:「ICOファイルを生成してダウンロード」をクリックし、favicon.ico をサイトのルートディレクトリに置くだけです。
非正方形の画像は「中央クロップ」「余白を追加」「引き伸ばし」の3つの処理方法から選べます。透明背景の画像(PNG、WebPなど)は変換後もそのまま保持されます。
このツールを作った理由
私は個人プロジェクトを多く手がけていて、PNG を favicon.ico に変換する機会がよくありました。試したオンライン変換サイトは、ログイン必須だったり、ダウンロードに透かしが入ったり、明らかにサーバーへ画像を送信しているもの(変換に数秒かかる)ばかり。ブラウザだけで完結できることを、なぜこんなに面倒にしているのかと思い、週末にCanvas APIでこのツールを作り、自分の工具箱に入れました。その後、友人もよく使うようになったので、公開することにしました。
だからこのページにはバックエンドもデータベースもユーザーシステムも、アクセス解析コードすらありません。画像をドラッグして、変換して、ダウンロードする。それだけです。あるべき姿だと思います。
プライバシーへの約束
- 画像をアップロードしません:すべての変換はお使いのブラウザ内でローカルに実行されます。私たちはファイルを一切見ることができません。
- データを保存しません:サーバーもデータベースもありません。ページを閉じれば、痕跡はすべて消えます。
- トラッキングなし:このページはアクセス解析スクリプトを使用していません(リンク経由のアクセスは通常のHTTPリクエストのみです)。
- ソースを検証できます:技術に詳しい方はページのソースをご覧ください。処理ロジックはすべてJavaScriptに明確に書かれています。
よくある質問
マルチサイズICOが必要なのはなぜ?
用途によって必要なサイズは異なります。ブラウザのタブは16×16や32×32、デスクトップのショートカットは64×64以上が使われることもあります。マルチサイズICOなら、どんな場面でもアイコンがくっきり表示されます。
古いBMP形式ではなく、PNGベースのICOが生成されますか?
PNGデータを埋め込んだ最新のICO形式を生成します。古いICOはBMPビットマップしか格納できず、サイズが大きく画質も劣化します。現在の標準はPNGを埋め込めるため、透明背景を保ちながらファイルサイズも小さくなります。ダウンロードされる favicon.ico の各サイズは、ICOの外殻で包まれたきれいなPNGです。
画像はサーバーにアップロードされますか?
されません。変換処理はすべてお使いのコンピュータ上で完了します。画像を見ることも、保存することもできません。
透明背景に対応していますか?
対応しています。PNGやWebPの画像にアルファチャンネル(透明情報)が含まれている場合、変換後のICOでも透明背景は完全に保持されます。ライト/ダーク両方のテーマでアイコンをきれいに表示するために重要です。
生成されるファイル名は?
ダウンロードされるファイル名はデフォルトでfavicon.icoです。これはWebサイトのFavicon標準のファイル名で、サイトのルートディレクトリに置くか、HTMLの<link rel="icon">タグで参照できます。