🌐 ファビコン & アプリアイコンジェネレーター

概要

このツールは、ブラウザの Canvas API を使うと、ソース画像を最新のブラウザや OS が必要とするすべてのサイズに変換できます。サイズは 16×16、32×32、48×48、64×64、180×180（Apple Touch Icon）、192×192（Android / PWA）、512×512（PWA splash）です。また、16、32、48 px のアイコンを 1 つのバイナリにまとめた多サイズの .ico ファイルを作成します。192 と 512 px のアイコンを列挙する site.webmanifest ファイルも作成しますが、その name と short_name は空のままにして、後で入力します。さらに、正しい <link> タグを記載した HTML スニペットも生成します。画像が正方形でない場合は、透明なマージンを付けて全体を残すか、端を切り取って正方形に合わせるかを選択できます。すべてはインラインの無圧縮（ストア方式）ZIP ライターで 1 つの ZIP にまとめられ、.ico は単体でもダウンロードできます。処理はすべてブラウザ内の Canvas で実行されるため、ファイルがデバイスの外に出ることはありません。

使い方

1. アイコンは画像を選択した時点で生成されるため、「生成」ボタンはありません。16 から 512 px までのプレビューとソース画像のサイズをご確認ください。正方形でない画像の場合は、透明なマージンを付けて全体を残すか、正方形に合わせて端を切り取るかをお選びください。
2. 「Download ZIP」をクリックすると、すべての PNG、多サイズの favicon.ico、site.webmanifest、HTML スニペットファイルを 1 つのアーカイブで取得できます。.ico ファイルだけが必要な場合は、「Download .ico only」をクリックしてください。
3. 「Copy HTML tags」をクリックするか、head-snippet.html を開いて、<link> タグをサイトの <head> に貼り付けてください。
4. ファイルをサイトのルートフォルダにアップロードして、site.webmanifest の name と short_name を入力してください。

よくある質問

生成されるサイズ

16、32、48、64、180、192、512 ピクセルの PNG ファイル、16、32、48 px を含む多サイズの favicon.ico、192 と 512 px のアイコンを列挙した site.webmanifest、対応する HTML の <link> タグを生成します。

画像はサーバーにアップロードされますか？

いいえ。すべてのリサイズとパッケージングはCanvas APIを使ってブラウザ内のみで行われます。画像がデバイスの外に出ることはありません。

どのような元画像が最適ですか？

512×512 px 以上の正方形画像を使うと、すべてのサイズで最もシャープな結果になります。SVG は解像度に依存しないため、特に適しています。画像が正方形でない場合は、透明なマージンを付けて全体を残すか（既定）、端を切り取って正方形に合わせるかを選択できます。ラスター画像が 512 px より小さい場合、大きなアイコンは拡大され、ツールに注意書きが表示されます。

マルチサイズ.icoファイルとは何ですか？なぜ必要ですか？

.ico ファイルは、1 つのバイナリに複数の解像度を格納できます。古いブラウザや Windows では、タブアイコンやショートカットに .ico が使われ、最適なサイズが自動的に選択されます。このツールの .ico には 16、32、48 px のアイコンが含まれており、ZIP とは別に単体でもダウンロードできます。

生成されたすべてのサイズがウェブサイトに必要ですか？

ほとんどの Web サイトでは、多サイズの .ico と 180 px（Apple Touch Icon）、192 / 512 px（PWA）の PNG、site.webmanifest の組み合わせですべての主な用途に対応できます。小さな PNG は互換性と従来のブラウザーのサポートのために含まれています。

過去29日間で38回実行されました。 結果がコピーまたはダウンロードされた：89% 当社のサーバーで測定した結果、2026-10-05–2026-11-03。