欲しいツール、きっとみっけ!

ファビコン作成 コード付き一括生成

画像・テキスト・絵文字からファビコンを一括生成。ICO/PNG/Apple Touch Icon + HTMLコード + webmanifestを同時出力

ここに画像をドラッグ&ドロップ
または

対応: PNG, JPG, WebP, SVG(推奨: 512×512px以上の正方形)

文字
フォント
文字色 背景色
角丸 20%
絵文字
人気の絵文字:
ブラウザタブ風プレビュー
あなたのサイト名 ×
+
Google検索結果プレビュー
yoursite.com
あなたのサイト - タイトル
サイトの説明文がここに表示されます。ファビコンが検索結果にどう表示されるかを確認できます。
生成結果
HTMLコード
site.webmanifest と browserconfig.xml はZIPに含まれます
入力された画像はサーバーに送信されません。すべての処理はブラウザ内で完結します。

ファビコンとは

ファビコン(favicon)は、ブラウザのタブやブックマーク、検索結果に表示される小さなアイコンです。サイトのブランド認知を高め、ユーザーが複数のタブの中から目的のサイトを素早く見つけるのに役立ちます。このツールでは、画像・テキスト・絵文字からファビコンを作成し、ICO・PNG・Apple Touch Iconを一括生成できます。

ブラウザタブ風プレビュー
生成したファビコンが実際のブラウザタブでどう見えるかをモックアップで確認。ダーク/ライトモード切替対応。
テキスト・絵文字から生成
ロゴ画像がなくても、文字や絵文字を入力するだけでファビコンを作成できます。日本語フォントにも対応。
コード&設定ファイル一括出力
HTMLコード、site.webmanifest、browserconfig.xmlを自動生成。ZIPを解凍してアップロードするだけ。
マルチサイズ一括生成
ICO(16/32/48)、PNG各サイズ、Apple Touch Icon(180×180)をまとめて生成しZIPダウンロード。

ファビコンの設置方法

生成したZIPファイルを解凍し、すべてのファイルをWebサイトのルートディレクトリにアップロードしてください。次に、HTMLコード(このツールで自動生成されます)をHTMLファイルの<head>タグ内に貼り付けるだけで設置完了です。site.webmanifestファイルはPWA(プログレッシブウェブアプリ)対応に、browserconfig.xmlはWindowsのタイル表示に使用されます。

推奨サイズと各プラットフォームの仕様

ファビコンは用途によって複数のサイズが必要です。ブラウザタブ用には16×16と32×32ピクセル、Windowsタスクバー用には48×48ピクセル、iOSのホーム画面用には180×180ピクセル(Apple Touch Icon)、Android Chrome用には192×192と512×512ピクセルが推奨されています。このツールではこれらすべてのサイズを一括で生成します。

よくある質問

元画像は正方形(1:1)が推奨です。正方形でない画像をアップロードした場合、中央を基準にトリミングされます。透過PNG・SVGの透過情報はそのまま保持されます。ICOファイルには16×16・32×32・48×48の3サイズがまとめて格納されます。