ファビコン作成ツール

テキストまたは画像からファビコン(favicon)を無料で作成。ICO・PNG各サイズ・Apple Touch Iconを一括生成してZIPでダウンロードできます。

背景 #3AA8E8
文字 #ffffff
プレビュー

✅ 生成完了 — ZIPに含まれるファイル

📄 favicon.ico(16 / 32 / 48px)
🖼️ favicon-16x16.png
🖼️ favicon-32x32.png
🖼️ favicon-48x48.png
🖼️ favicon-64x64.png
🖼️ favicon-128x128.png
🍎 apple-touch-icon.png(180px)
🤖 android-chrome-192x192.png
🤖 android-chrome-512x512.png
📋 site.webmanifest
💻 head-code.html(埋め込みコード)
<head> に貼り付けるHTMLコード

        
      
🔒 ファイルは端末外に送信されません — すべてブラウザ内で処理
このツールについて

仕組み

HTML5 Canvas APIを使ってブラウザ内でファビコン画像を生成します。テキストモードでは指定した文字・色・形状をCanvasに描画し、各サイズのPNGに変換します。画像モードではアップロードされた画像をCanvasでリサイズして各サイズのPNGに変換します。ICOファイルは複数のPNG画像をまとめたICO形式に変換して生成します。

なぜ無料なのか

0-TOOLsはGoogle AdSenseの広告収益で運営されています。ツール自体は完全無料でご利用いただけます。

安全性について

アップロードした画像・生成したファビコンデータはすべてお使いのブラウザ内で処理されます。外部サーバーへの送信は一切行いません。

よくある質問

ファビコン(favicon)はブラウザのタブやブックマークに表示される小さなアイコンです。サイトの識別に使われ、ユーザーが複数のタブを開いているときに自分のサイトを見つけやすくします。
ZIPを解凍してサイトのルートディレクトリにすべてのファイルを配置し、head-code.htmlのコードを<head>タグ内に貼り付けてください。これでPC・スマホ・Androidのすべての環境に対応できます。
正方形で512px以上の画像が最適です。シンプルでコントラストが高いデザインが小さいサイズでも視認性が高くなります。背景が透明なPNGを使うと、テキストのみを強調したデザインが作れます。
いいえ。すべての処理はブラウザ内で完結しています。画像データが外部サーバーに送信されることは一切ありません。
iPhoneやiPadでサイトをホーム画面に追加したときに表示されるアイコンです(180×180px)。生成されるapple-touch-icon.pngがこれに該当します。