ファイルをドラッグ&ドロップ
またはクリックして選択
対応形式: PNG、JPEG、GIF、SVG
最大ファイルサイズ: 10MB
正方形でない画像も対応可能ですが、自動的に中央から正方形にクロップ（トリミング）されます。
Favicon作成ツールとは？
Favicon作成ツールは、アップロードした画像から複数サイズのFavicon（ファビコン）を一括生成する無料オンラインツールです。Webサイトのブランディングに欠かせないFaviconを、面倒なリサイズ作業なしで簡単に作成できます。
Faviconとは？
- ブラウザタブのアイコン： Webサイトを開いた時にタブに表示される小さなアイコンです。
- ブックマークアイコン： お気に入り登録時に表示されるアイコンとしても使用されます。
- PWAアイコン： Progressive Web Appのホーム画面アイコンにも使用されます。
- ブランド認識： サイトの識別性を高め、ユーザーの記憶に残りやすくします。
生成されるFaviconサイズ
- 16x16、32x32： 標準的なブラウザタブ用サイズ
- 48x48、64x64： 高解像度ディスプレイ対応
- 128x128： Chrome Webストア、拡張機能用
- 180x180： Apple Touch Icon（iOS Safari）
- 192x192： Android Chrome推奨サイズ
- 512x512： PWA、高解像度対応
ICO vs PNG：どちらを選ぶべき？
- ICO形式を選ぶ場合： レガシーブラウザ（IE11以前）のサポートが必要、企業サイトで確実な表示を優先
- PNG形式を選ぶ場合： モダンなWebサイト、PWA対応、高解像度ディスプレイ対応を重視
- 両方を生成（推奨）： 最も互換性が高く、全てのブラウザ・デバイスで最適な表示が可能
- 結論： 迷ったら「両方を生成」を選択するのが最も安全で確実です
本ツールの便利機能
- 複数サイズ一括生成： 8種類のサイズを一度に生成
- 高品質リサイズ： 画像の品質を保った美しいリサイズ
- 生成形式の選択： ICOのみ、PNGのみ、両方から選択可能
- HTMLコード生成： 選択した形式に応じた設置用コードを自動生成
- 一括ダウンロード： 全サイズをまとめてダウンロード
設置方法
- 生成されたFaviconファイルをWebサイトのルートディレクトリ（通常は
public/やwww/）に配置 - 生成されたHTMLコードを、Webページの
<head>セクション内に貼り付け - ブラウザのキャッシュをクリアして、Faviconが正しく表示されることを確認
- モバイルデバイスでも正しく表示されることをテスト
活用のポイント
- シンプルで認識しやすいデザインを心がけましょう（16x16でも視認できるように）
- ブランドカラーやロゴを活用して、サイトの統一感を演出
- 高コントラストな色使いで、小さなサイズでも判別しやすく
- 定期的にFaviconを更新して、サイトのフレッシュさを保つ
- PWA対応サイトでは512x512サイズが特に重要
- 正方形でない画像も対応（自動的に中央から正方形にクロップ（トリミング）されます）