SPONSORED
広告スペース
画像を選択
注意点
このツールで生成される .ico ファイルは、簡易的に拡張子を変更したものです。古いブラウザ(IE等)では認識されない場合がありますが、モダンブラウザでは動作します。
ファビコンについて
必要なサイズ一覧
favicon.ico (32x32): ブラウザのタブ用(基本)
apple-touch-icon.png (180x180): iPhone/iPadのホーム画面用
android-chrome-192.png: Androidのホーム画面用
android-chrome-512.png: PWAインストール時のスプラッシュ画面用
設置方法
<link rel="icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="manifest" href="/manifest.json" />
どんな時に役立つ?
🌐 新規サイト制作
Webサイトを公開する直前になって「あ、ファビコン作ってない」と気づいた時、ロゴ画像さえあれば一瞬で全サイズのセットを作成できます。
📱 スマホ対応の強化
古いサイトでガラケー時代のfavicon.icoしか設定していない場合、スマホでブックマークされた時にアイコンが粗くなります。このツールで高解像度版を追加しましょう。
🎨 アプリのプロトタイプ
PWA(プログレッシブウェブアプリ)のテストをする際、manifest.jsonに記述するための192px/512pxアイコンを手軽に用意できます。
よくある質問
SPONSORED
広告スペース
Favicon ジェネレーターの使い方・解説
Favicon ジェネレーターの使い方
- 必要な項目を入力、またはファイルをアップロードします。
- 自動的に処理が行われるか、実行ボタンを押して処理を開始します。
- 結果が表示されます。必要に応じてコピーやダウンロードを行ってください。
このツールについて
この「Favicon ジェネレーター」は、ブラウザ上で動作する無料のWebツールです。 サーバーにデータを送信せず、お使いの端末内で処理が完結するため、プライバシーやセキュリティの面でも安心してご利用いただけます。 会員登録やアプリのインストールは一切不要で、いつでもすぐに使えます。