Favicon Tools検証作成
AI builders

Bolt に最適なファビコンジェネレーター

Bolt.new はブラウザ内の WebContainer でアプリ全体を立ち上げ、デフォルトのアイコンもそのままに素早く公開します。Bolt に合うジェネレーターは、プレビュー URL から動作し、デプロイ前にコミット可能なセットを提供します。

Bolt で本当に重要なこと

Bolt はプロジェクトを WebContainer で実行するため、手元のマシンにリポジトリができるよりもずっと前にライブプレビュー URL が手に入ります。その URL を読み取れるジェネレーターなら、先にプロジェクトをエクスポートしなくても最もきれいなソース画像を選べます。

Bolt はプロンプトに応じて自由に再生成も行います。ファビコンは、エージェントが平気で書き換えてしまうコンポーネントに貼り付けるのではなく、次のビルドでも保持されるようファイルツリーに書き込み、manifest から参照する必要があります。

Bolt で重要となる基準

確認すべきポイントBolt で重要な理由このジェネレーターの対応方法
プレビュー URL を読み取るローカルリポジトリより先に WebContainer のプレビューが手に入りますプレビューのリンクをスキャンして現在のアイコンと OG 画像を取得します
本物の画像ファイルAI は有効な ICO を出力できませんfavicon.ico、すべての PNG、apple-touch、manifest をエクスポートします
ファイルツリーに収まるBolt はプロジェクトを繰り返し再生成しますファイルはツリー内に置かれ、manifest.json から参照されます
デプロイ前にコミットアイコンは本番へのプッシュを乗り越える必要がありますブラウザ内だけのプレビューではなく、コミット可能な出力です

ジェネレーター vs Bolt に付属するデフォルト

本物のジェネレーター

Start here

推奨

  • WebContainer のプレビュー URL から動作します
  • 有効なアイコンセット一式をエクスポートします
  • ファイルはツリーにコミットされ、次のプロンプトでも残ります
  • manifest から参照されるため、ビルドで保持されます

Bolt のデフォルトアイコンをそのまま公開する場合

  • スターターのプレースホルダーが手つかずのまま本番に到達します
  • 訪問者全員がタブに汎用的なマークを目にします
  • manifest のアイコンがないため、Android のインストールは壊れて見えます
  • すでに公開されるまで誰も気づきません

アプリがまだ Bolt にある間にファビコンを追加できますか?

はい。WebContainer のプレビュー URL をスキャンして現在のアセットを取得し、フルセットを生成したうえで、デプロイ前に Bolt に head と manifest を組み込ませます。ファイルをコミットしておけば、次のプロンプトはデフォルトを再生成するのではなくそれらを読み込みます。

The step-by-step for Bolt

You've picked the tool. Here's the exact install for Bolt.

Choosing for a different stack?