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

無料PNG から ICO ファビコンコンバーター

PNG、JPG、WebP、または SVG 画像をマルチサイズの .ico favicon ファイルに変換します。バンドルしたいサイズ (16、32、48、64、128、256) を選択し、単一の .ico をダウンロードします。

読み込み後はオフラインでも動作

ここにファイルをドロップするか、クリックして選択

PNG, JPG, WebP, SVG, HEIC, HEIF · デバイス上で処理

または Ctrl+V でクリップボードから貼り付け

ファイルを参照

ヒント: Ctrl+V でスクリーンショットを貼り付けられます

ファイルがデバイスを離れることはありません。すべての処理はブラウザ内でローカルに行われます。

主な用途

  • PNGからウェブサイトファビコンを作成ロゴPNGをウェブサイトタブアイコン用の複数サイズのfavicon.icoファイルに変換します。
  • Windowsデスクトップアイコンを作成PNGまたはJPG画像をWindowsデスクトップショートカットおよびアプリケーションアイコン用の.icoファイルに変換します。
  • マルチサイズクロスプラットフォームアイコン複数のアイコンサイズ(16、32、48、64、128、256)を1つの.icoファイルにバンドルします。
  • PWAアイコンソースファイルPWAロゴから基本.icoを生成して、マニフェストを使用しない古いブラウザーでのフォールバックサポートを行います。
  • ブランドロゴをICO形式に変換会社またはブランドロゴをPNG、JPG、またはSVGからデジタルタッチポイント用の高品質.icoファイルに変換します。

使い方

変換は、このツールに直接書かれた2つの仕組みを使ってブラウザ内で完全に行われます:各アイコンフレームを拡大縮小・描画するCanvas API、そしてそれらのフレームを単一の.icoファイルにパックする手書きのICOバイナリエンコーダーです — ライブラリはダウンロードされず、ファイルは端末の外に出ることは一切ありません。

  1. 1
    画像はキャンバスにデコードされる
    アップロードされたPNG、JPEG、WebP、またはSVGはHTMLImageElementに読み込まれ、要求された各サイズ(16×16から256×256まで)でオフスクリーンキャンバスに描画されます。キャンバスは高品質なバイキュービックスムージングを使用し、選んだフィットの方法を尊重します:「contain」は透明または色付きのパディングで画像をレターボックス化し、「cover」はソースから中央の正方形を切り取ります。
  2. 2
    各フレームがPNGバイトとしてエクスポートされる
    ブラウザ内蔵のcanvas.toBlob('image/png')が、拡大縮小された各フレームを無損失PNGにエンコードします。この生のバイトデータが.icoコンテナ内に埋め込まれるものです — 現代のブラウザとWindowsはPNG-in-ICOをネイティブに扱うため、古いBMPベースの形式よりファイルサイズが小さく保たれます。
  3. 3
    ICOバイナリがメモリ内で組み立てられる
    手書きのエンコーダーがDataViewを使ってゼロから.icoファイル構造を構築します:6バイトのICONDIRヘッダーが画像数を宣言し、続いて各サイズについて16バイトのディレクトリエントリ(幅、高さ、ビット深度、バイト長、データオフセットを記録)が続き、その後すべてのPNGペイロードが順に連結されます。サードパーティのライブラリは関与しません。
  4. 4
    プレビューが表示され、ファイルがダウンロードされる
    ダウンロードを提供する前に、UIはチェッカーボードの背景に対して、パックされた各サイズのピクセル精度のプレビューを描画し、保存前に透明度を確認できます。組み立てられたBlobは「favicon.ico」としてブラウザのダウンロード機構に渡されます。

あなたの画像はブラウザ内で完全に処理されます — サーバーにアップロードされることは一切なく、タブを閉じた後もコピーは保持されません。

関連ツール

よくある質問