メインコンテンツにスキップ

ツールを探す

生活・便利端末内で処理・アップロードなし
🔒ブラウザ内処理・アップロード不要

ファビコン生成(Favicon Generator)

テキストや絵文字からfavicon.ico・PNG・Apple Touch Icon・Manifestを一括生成。

ブラウザタブからアプリアイコンまで、ひとつのデザインで作成

文字または絵文字から、favicon.ico・PNG・Apple Touch Icon・Web App Manifestを端末内で生成します。

準備完了

1. アイコンの内容

小さいサイズでも判別しやすい1〜2文字または絵文字がおすすめです。

絵文字の例

2. 見た目を整える

16pxの小さな表示でも輪郭が残るか、プレビューで確認できます。

背景の形

3. サイズ別プレビュー

実際のブラウザタブに近い16pxから、アプリアイコン用の大きな表示まで確認します。

16px
32px
48px

4. ファビコン一式を保存

ICO、6種類のPNG、Apple Touch Icon、Web App Manifest、HTML設定コードをまとめます。

PNGを個別に保存

HTML設定コード

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

このツールは誰向け?

Webサイトを運営するブロガー、Web開発者、フリーランスデザイナー、中小企業のサイト管理者

使用場面

  • 1新しいWebサイトやブログにファビコンを設定したい時
  • 2ロゴが無い場合にテキストや絵文字でサクッとファビコンを作りたい時
  • 3PWAアプリ用のアイコンを複数サイズで一括生成したい時

よくある質問

ファビコン(favicon)とは?
ファビコンは、ブラウザのタブやブックマークに表示される小さなアイコンです。Webサイトのブランド認知や視認性を高める重要な要素です。
どんな形式で出力できますか?
favicon.ico、16・32・48・180・192・512pxのPNG、Apple Touch Icon、Web App Manifest、HTML設定コードをZIPでまとめて出力できます。PNGは個別保存も可能です。
絵文字をファビコンにできますか?
はい、任意の絵文字を1文字入力するだけで、きれいなファビコンを自動生成できます。テキスト(アルファベットや日本語)にも対応しています。
ICO形式には対応していますか?
はい。16・32・48pxのPNG画像を格納したfavicon.icoをブラウザ内で生成します。PNG版と併用できるHTML設定コードも用意します。
データはサーバーに送信されますか?
いいえ、すべての処理はブラウザ内のCanvas APIで完結します。データがサーバーに送信されることは一切ありません。