ファビコン生成ツール
正方形の画像が最適です。PNG・JPG・SVG・WebP に対応しています。
関連する外部ツール
一部のリンクはアフィリエイトリンクを含みます。
関連ツール
あらゆる画像から完全なファビコンセットを作成できます。ファビコンとは、ブラウザのタブやブックマーク、スマートフォンのホーム画面に表示される小さなアイコンです。画像を選択して各サイズのPNGをダウンロードし、HTMLとマニフェストのスニペットをサイトに貼り付けるだけです。すべてブラウザ内で処理され、画像はアップロードされません。
使い方
- 画像を選択します — 正方形のロゴやアイコンが最適です。
- アイコンの背景を透過または白から選択します。
- 各PNGサイズをダウンロードし、HTMLとマニフェストのスニペットをサイトに貼り付けます。
仕組み
画像は各必要サイズでキャンバスに描画されます — ブラウザタブ用の16・32ピクセル、Windows用の48ピクセル、Appleタッチアイコン用の180ピクセル、AndroidおよびPWA用の192・512ピクセルです。一枚の大きな正方形ソース画像を縮小することで、アイコンをくっきりと保ちます。HTMLスニペットはブラウザに各ファイルの場所を伝えます。
機能
必要なすべてのサイズ
16・32・48・180・192・512ピクセルのフルセットを一度に生成します。
ブラウザ・Apple・Android対応
クラシックなタブファビコンだけでなく、apple-touch-icon やAndroid/PWAアイコンも含まれます。
すぐ使えるスニペット
HTMLのlinkタグと最小限の site.webmanifest をコピーするだけでセットアップが完了します。
透過または白背景
透過を保持するか、白背景に統合するかをアイコンに合わせて選べます。
完全ローカル処理
画像はブラウザ内で処理され、サーバーへは一切送信されません。
活用シーン
新しいウェブサイト
サイト公開時に洗練されたファビコンを追加して、ブラウザのタブでもきちんと見えるようにします。
PWAアイコン
プログレッシブウェブアプリがホーム画面に必要な192・512ピクセルのアイコンを生成します。
リブランディング
ブランドが変わったとき、すべてのファビコンサイズのロゴを一度に差し替えます。
ブログ・ポートフォリオ
個人サイトに認識しやすいアイコンをつけて、開いているタブの中で目立たせます。
注意事項
- 正方形のソース画像が伸縮を防ぎます。正方形でない画像は中央に配置されパディングが追加されます。
- 透過背景はPNG出力に保持されます。
- ダウンロードしたファイルをサイトのルートに置き、スニペットをページのheadに追加してください。
- すべての処理はデバイス上で行われ、画像はアップロードされません。
よくある質問
- .ico ファイルはまだ必要ですか？
- 現代のブラウザはここで提供するlinkタグ経由でPNGファビコンを受け入れるため、.icoは通常不要です。16・32ピクセルのPNGでタブアイコンは対応できます。
- どのサイズが生成されますか？
- ブラウザ用に16・32・48、Appleタッチアイコン用に180、Androidおよびプログレッシブウェブアプリにはウェブアプリ用に192・512ピクセルが生成されます。
- 透過を保持できますか？
- はい。透過背景を選択するとPNGはアルファチャンネルを保持します。白を選ぶと透明な部分を白で塗りつぶします。
- サイトへの追加方法は？
- ダウンロードしたファイルをサイトのルートに置き、HTMLスニペットを各ページのheadに貼り付けます。PWAの場合はマニフェストも追加してください。
- 画像はサーバーに送られますか？
- いいえ。画像はすべてブラウザ内で処理され、デバイスから出ることはありません。