画像やテキストからファビコンを作成します。ブラウザタブでの表示をプレビューし、システムフォントを使用して、マルチサイズのICOや、ウェブサイト、Apple、Android用アイコンのZIPファイルをダウンロードしてください。
完成したファイルをダウンロードします。
ロゴ、画像、または短いモノグラムをウェブサイトのファビコンに変換します。ライトモードとダークモードのブラウザタブでの見え方をプレビューし、フレーミングを調整して、マルチサイズのICOまたはアイコンとインストールファイルを含むウェブサイト用ZIPをダウンロードします。
画像をアップロードするか、ツールページで「テキスト」を選択します。
画像はPNG、JPG、JPEG、WebP、またはGIFを受け付けます。「テキスト」を選択すると、文字をスタイル設定できる同じエディタが開きます。「作成元」を使用すると、アップロードした画像とモノグラムを切り替えることができます。16ピクセルで最も鮮明な結果を得るには、1〜2文字のシンプルな文字を使用してください。GIF入力は静止フレームを使用するため、結果はアニメーション化されません。
ライトモードとダークモードのブラウザプレビューで、異なる背景に対するアイコンの見え方を確認できます。
エディタには16ピクセルのブラウザタブプレビュー、個別の16、32、48ピクセルのアイコン、およびApple Touchプレビューが表示されます。小さなアイコンでは、大きなロゴを縮小したときに消えてしまう詳細が表示されます。最も小さいプレビューが認識できるようになるまで、ソースを簡略化するか、周囲にスペースを追加してください。Apple Touch画像は、書き出された180ピクセルサイズよりも小さく表示されます。
角丸四角形、四角形、または円形を選択し、コンテンツの周囲のスペースを調整します。
「画像全体を表示」は、ソースのすべての端をアイコン内に保持します。「アイコンを塗りつぶす」は利用可能な領域をカバーし、端が切り取られる場合があります。「コンテンツの周囲のスペース」はパディングを0〜35パーセントの間で調整します。「背景」を選択するか、「背景を透明にする」を有効にします。角丸や円形のシルエットの外側にある透明なピクセルは透明のままになります。これは、アップロードした画像にすでに存在する不透明な背景を削除するものではありません。
文字、フォント、対照的な色を設定します。
テキスト/モノグラムは、付属の「モダンサンセリフ」、「クラシックセリフ」、「等幅」スタイルで最大3文字までサポートしています。対応しているデスクトップブラウザでは、「システムフォントを使用」を選択し、フォントへのアクセスを許可することで、デバイスにインストールされているフォントファミリーをフォントリストに追加できます。ファミリーを選択してライブプレビューを更新するか、前後の矢印を使用して隣接するフォントを比較します。フォント名とファイルはアップロードされません。テキストは利用可能なスペースに自動的にフィットします。フォントや色を変更した後は、最も小さいアイコンサイズをプレビューしてください。
「開始」アクションを1回実行すると、選択したダウンロードが作成されます。
マルチサイズ ICO には、16、24、32、48、64、128、256 ピクセルの画像が1つの favicon.ico ファイルに含まれます。ウェブサイトアイコンパッケージは、ICO、PNG アイコン（16、32、48 ピクセル）、Apple Touch アイコン（180 ピクセル）、Android アイコン（192、512 ピクセル）、ウェブマニフェスト、INSTALL.txt を含むZIPファイルを1つ作成します。ウェブサイト名はマニフェスト名として使用されます。
ZIPには HTML リンクタグと対応するファイル名が含まれています。
パッケージの内容をサイトのルートディレクトリにアップロードし、INSTALL.txt からリンクタグをコピーしてページの head 内に貼り付けます。アイコンをサブフォルダーに保存する場合は、HTML パスと site.webmanifest 内のパスを更新してください。更新を確認する際は、キャッシュされたファビコンをクリアするか、新しいタブでテストしてください。生成されたマニフェストはアイコン設定であり、プログレッシブウェブアプリの完全なインストールではありません。
1ファイルあたり最大 25 MB。 1回につき1つの入力ファイル。
最大 25 MB、最大 60 メガピクセル、一辺あたり 16,000 ピクセルまでの画像1枚。ICO サイズは 16 ～ 256 ピクセルの範囲です。パッケージ化される最大の PNG は 512 × 512 ピクセルです。
アイコンの生成とプレビューはデバイス上で実行されます。このツールは変換のために選択された画像をアップロードしません。
このツールはブラウザ内でファイルを処理およびエクスポートします。ダウンロードされた画像は別のファイルであり、デバイス上のソースは上書きされません。
エディターやダウンロードページを更新すると、ツールページに戻ります。 新しいワークフローを開始する前に、結果をダウンロードしてください。 ファイル処理についてはプライバシーポリシーをご覧ください。
始める前のいくつかの回答。
デバイス上で処理はい。「テキスト」を選択し、イニシャルを入力してから、エディターでフォント、色、形状、間隔を選択してください。
ICO には、PNG ベースの7つのフレーム（16、24、32、48、64、128、256 ピクセルの正方形）が含まれています。ブラウザが適切なフレームを選択します。
これには favicon.ico、ブラウザ・Apple・Android用の6つの PNG アイコン、site.webmanifest、および HTML リンクタグを含む INSTALL.txt が含まれています。
はい。「透明な背景」を有効にしてください。これによりソース周囲の透明な領域が保持されますが、写真から不透明な背景が削除されるわけではありません。
いいえ。このツールはブラウザ内でアイコンファイルを生成・パッケージ化します。エディターは永続的なプロジェクトストレージではないため、ダウンロードしたファイルは保存しておいてください。
はい、ブラウザがローカルフォントアクセスをサポートしている場合に使用可能です。「テキスト / モノグラム」を選択し、「システムフォントを使用」を選択してブラウザの許可を与えてください。利用可能なフォントファミリーがフォントリストに表示されます。許可が拒否された場合やローカルフォントアクセスが利用できない場合でも、含まれているスタイルは引き続き使用できます。
