メインコンテンツへ移動

無料 Favicon 生成

ロゴ、アイコン、画像から favicon.ico と一般的な PNG サイズをローカル生成します。

ブラウザ限定、プライベート

ブラウザ内でローカル処理。アップロード不要。

無料 Favicon 生成
ロゴ、アイコン、画像から favicon.ico と一般的な PNG サイズをローカル生成します。

ファイルをドロップするかクリックして参照

12%

ファイルを待機中

開始するにはファイルを追加してください。

元のサイズ

-

出力サイズ

-

生成サイズ

16, 32, 48, 96, 180, 192, 512

ブラウザ内でローカル処理。アップロード不要。

出力サイズ

ファイルを待機中

ロゴから favicon を生成する方法

1 枚のソース画像から、互換用の ICO、各 PNG サイズ、そしてレイアウトに貼り付ける HTML が生成されます。

  1. 正方形のロゴから始める

    正方形の画像、できればシンプルでコントラストが高く、16x16 ピクセルでも判別できるマークの SVG、PNG、WebP を使用してください。

  2. 余白と背景を設定する

    余白はマークを切り抜きの端から離し、単色の背景は暗いブラウザツールバーでもアイコンが見えるようにします。

  3. 生成してダウンロードする

    「favicon を生成」を押します。16、32、48 ピクセルのフレームを含む favicon.ico と、96、180、192、512 ピクセルの PNG アイコンが書き出されます。

  4. HTML コードを貼り付ける

    生成されたコードをドキュメントの head にコピーすると、ブラウザ、iOS のホーム画面、アプリマニフェストからアイコンを参照できるようになります。

Favicon 生成ツールに関する質問

  1. 1

    ロゴはどこかにアップロードされますか?

    いいえ。favicon は選択した画像からブラウザ内で生成されます。

  2. 2

    生成されるファイルは何ですか?

    16、32、48 ピクセルのフレームを含むマルチサイズの favicon.ico、96、180、192、512 ピクセルの PNG アイコン、そして対応する HTML コードです。

  3. 3

    ICO と PNG のどちらを公開すべきですか?

    互換用として favicon.ico を、モダンブラウザ、iOS のホーム画面、Web アプリマニフェスト用として各 PNG サイズを公開してください。

  4. 4

    タブで favicon がぼやけて見えるのはなぜですか?

    16x16 のアイコンは細かいディテールを保持できないため、細い線や小さな文字は潰れてしまいます。余白のある正方形でコントラストの高いマークなら読みやすさを保てます。

  5. 5

    アカウントやプラグインは必要ですか?

    いいえ。この生成ツールは無料でブラウザ内で動作し、サインアップも不要です。

クイックヒント

  • 16x16 でも読めるよう、正方形でコントラストの高いロゴがおすすめです。
  • favicon.ico は互換用、512 PNG は PWA やアプリアイコンに使えます。

その他のツール

関連記事を読む

新機能のリリースをお知らせします

新しい製品や機能が公開されたときに一度メールをお送りします。迷惑メールはなく、いつでも解除できます。