🌐 ファビコン & アプリアイコンジェネレーター
画像を1枚アップロードするだけで、標準サイズのPNGアイコン・マルチサイズ.icoファイル・HTMLリンクタグをまとめたZIPをすぐにダウンロードできます。
Load a square image
🌐
Drop a logo here, or click to browse
PNG or SVG, ideally square — generated in your browser
概要
このツールはブラウザのCanvas APIを使って、モダンブラウザとOSが必要とするすべてのサイズ（16×16、32×32、48×48、64×64、180×180〈Apple Touch Icon〉、192×192〈Android/PWA〉、512×512〈PWAスプラッシュ〉）に画像をリサイズします。複数サイズを1つのバイナリに格納したマルチサイズ.icoファイルと、各サイズに対応したHTMLの<link>タグスニペットも自動生成します。すべてのファイルはインラインのストアオンリーZIPライターでZIPにまとめられ、外部ライブラリは不要です。処理はすべてブラウザ内のCanvasで完結するため、ファイルが外部に送信されることはありません。
使い方
- PNG・JPEG・SVG・WebPなど、元画像をアップロードエリアにドラッグするか、クリックしてファイルを選択してください。
- 画像プレビューを確認し、生成するサイズを選択してください。デフォルトでは16・32・48・64・180・192・512pxのPNGがすべて選択されています。
- 「生成」をクリックすると、Canvas APIがブラウザ内で各サイズのアイコンをリサイズ・レンダリングします。
- 「ZIPをダウンロード」をクリックすると、すべてのPNG・マルチサイズfavicon.ico・HTMLスニペットファイルが1つのアーカイブで届きます。
- HTMLファイルから<link>タグをコピーしてサイトの<head>に貼り付ければ、ファビコンの設定は完了です。
よくある質問
- このツールはどのサイズを生成しますか？
- 16・32・48・64・180・192・512pxのPNGファイル、16・32・48pxを含むマルチサイズfavicon.ico、対応するHTMLの<link>タグを生成します。
- 画像はサーバーにアップロードされますか？
- いいえ。すべてのリサイズとパッケージングはCanvas APIを使ってブラウザ内のみで行われます。画像がデバイスの外に出ることはありません。
- どのような元画像が最適ですか？
- 512×512px以上の正方形画像を使うと、すべてのサイズで最も鮮明な結果が得られます。解像度に依存しないSVGが特に適しています。
- マルチサイズ.icoファイルとは何ですか？なぜ必要ですか？
- .icoファイルは複数の解像度を1つのバイナリに格納できます。古いブラウザやWindowsはタブアイコンやショートカットに.icoを使用し、最適なサイズを自動的に選択します。マルチサイズ.icoを使うことで、あらゆる場所で鮮明なアイコンを確保できます。
- 生成されたすべてのサイズがウェブサイトに必要ですか？
- ほとんどのウェブサイトでは、マルチサイズ.icoと180px（Apple Touch Icon）・192/512px（PWA）のPNGがあれば主要なユースケースをすべてカバーできます。小さなPNGは網羅性とレガシーブラウザ対応のために含まれています。