ファビコン作成ツール

画像をアップロードするだけで、全デバイス対応のファビコン25サイズ + favicon.icoを一括生成。PWA用manifest.json・HTMLコードも自動出力。ログイン不要・完全無料・商用利用可。

画像アップロード

クリックして画像を選択
またはドラッグ&ドロップ（PNG / JPG / SVG）
推奨: 512x512px以上の正方形PNG。背景を透明にしたい場合は透過PNG・SVGをアップロードしてください（JPGは透過非対応）。SVGを使用する場合はファイル内にwidth/height属性が指定されているかご確認ください。

ファビコンの作り方 -- アップロードするだけで一括生成

  1. 画像をアップロード: 512x512px以上のPNG・JPG・SVGをアップロードまたはドラッグ&ドロップします。
  2. プレビュー確認: 全25サイズ + favicon.icoが自動生成。白・黒・透過背景でプレビューを切り替え確認できます。
  3. ZIPダウンロード: 「まとめてダウンロード」で全画像 + manifest.json + browserconfig.xmlを一括取得。解凍してサーバーにアップロードするだけです。
  4. HTMLコード実装: 「HTMLコード生成」で必要なlinkタグ・manifest設定を自動出力。コピーしてheadタグ内に貼り付けます。

ファビコン作成ツールの特徴

  • 完全無料・会員登録なし: ログイン不要で今すぐ利用可能。商用利用も無料です
  • ブラウザ内完結: 画像データはサーバーに送信されず、安全にプライバシーが保護されます
  • 全25サイズ + favicon.ico: ブラウザ・Apple・Android・Windows全デバイスに対応するアイコンセットを一括生成
  • favicon.ico変換: 16x16と32x32を含むマルチアイコンICOを生成。古いブラウザとの互換性を確保
  • PWA対応: プログレッシブウェブアプリ(PWA)対応のmanifest.jsonを自動生成
  • テーマカラー設定: manifest.jsonとbrowserconfig.xmlのテーマカラーをカスタマイズ可能
  • ダークモードプレビュー: 白・黒・グレー・透過背景でファビコンの見え方を確認
  • ZIP一括ダウンロード: 全画像 + 設定ファイルをZIPで一括取得。解凍してアップロードするだけ
  • HTMLコード自動生成: linkタグ・manifest.json・browserconfig.xmlのコードをワンクリックで取得
  • iPhone・Android・PC対応: レスポンシブデザインであらゆる端末で快適に操作

生成されるファビコンのサイズ一覧

ブラウザ用: favicon.ico (16+32), 16x16 PNG, 32x32 PNG, 96x96 PNG

Android用: 36x36, 48x48, 72x72, 96x96, 144x144, 192x192

Apple用: 57x57, 60x60, 72x72, 76x76, 114x114, 120x120, 144x144, 152x152, 180x180

Windows用: 70x70, 144x144, 150x150, 310x310

透過PNGからファビコンを作成する際のコツ

背景が透明なファビコンを作成するには、透過PNG（アルファチャンネル付き）またはSVGファイルをアップロードしてください。JPG形式は透過に非対応のため、背景が白で塗りつぶされます。また、SVGファイルを使用する場合は、ファイル内にwidth/height属性が指定されているかご確認ください。指定がないと正しくリサイズされない場合があります。

注意点

  • 入力画像はブラウザ上でのみ処理され、サーバーには送信されません
  • JPG画像は透過に非対応です。透明背景が必要な場合はPNGまたはSVGをアップロードしてください
  • 最良の結果を得るには、512x512px以上の正方形画像を推奨します
  • favicon.icoはJavaScriptで生成しているため、一部の古い環境では正確に動作しない場合があります
  • 生成後は実際のブラウザで表示テストを行ってください