本文へ移動

チュートリアル

AI チュートリアル

アイコン、パレット、ページコピーのための実践的な AI ワークフロー。最初のプロンプトから最終的な favicon の書き出しまでを解説します。

AI は下書き向けで、最終ファイル向けではありません。方向性の探索に使い、仕上げはローカルジェネレーターで行うことで、すべてのサイズが鮮明になります。

ステップ 1 — マークを説明する

AI Studio を開き、アイコンを簡単な言葉で説明します。主題、形、スタイルを伝えましょう。長いリストより明確なアイデアが効果的です。結果は編集できるきれいな SVG です。

ステップ 2 — パレットを決める

背景色、前景色、アクセントカラーを依頼します。採用する前に 16 px でコントラストを確認しましょう。小さくても読めるパレットは、タブで消えてしまう流行色より優れています。

ステップ 3 — 名前とコピーを書く

ネーミングと SEO タブで、短い製品名、60 文字以内のタイトル、155 文字以内の説明を下書きします。ありきたりに聞こえる部分は書き直しましょう。

ステップ 4 — すべてのサイズを書き出す

選んだ結果をジェネレーターに送り、余白と角を調整して、ICO、PNG セット、manifest スニペットを 1 つの ZIP でダウンロードします。

AI の結果は出発点です。公開前にライセンスと類似性を確認してください。

FAQ

よくある質問

ファビコンとは何ですか?

ファビコンは、ブラウザのタブ、ブックマーク、モバイルのホーム画面に表示される小さなアイコンです。サイトをひと目で認識できるようにします。

ファビコンを生成するにはどうすればよいですか?

正方形の画像をアップロードするかテキストモードに切り替え、色と形を選んでから、必要なPNGサイズまたはすぐに使えるfavicon.icoをダウンロードします。すべてブラウザ内で生成されます。

どのファビコンサイズを生成すべきですか?

最低限、ブラウザのタブ用に16×16と32×32、Appleタッチアイコン用に180×180、ウェブアプリマニフェスト用に192×192と512×512を生成してください。

テキストからファビコンを生成できますか?

はい。1〜2文字を入力し、フォントの太さと色を選ぶと、ジェネレーターがすべてのサイズで鮮明なファビコンをレンダリングします。

画像をサーバーにアップロードする必要がありますか?

いいえ。ファビコンジェネレーターはCanvas APIを使用するため、画像がデバイスから外に出ることはありません。

このファビコンジェネレーターは無料ですか?

はい、ファビコンの生成とダウンロードは完全に無料です — アカウント不要、ウォーターマークなし、隠れた制限もありません。

ほかに質問がありますか? お問い合わせ

今すぐ始める

ファビコンを生成する準備はできましたか?

1分以内に、あなたのウェブサイト用の鮮明で認識しやすいアイコンを作成できます。