ファビコン作成ツール

1枚の画像からファビコン一式を生成します — favicon.ico、apple-touch-icon、Android/PWA用アイコン、そしてHTMLスニペットまで、すべてブラウザ内で。何もアップロードされません。

プライバシー第一:すべての画像はブラウザ内でローカルに処理されます。サーバーへのアップロード・保存・送信は一切ありません。

現代のサイトに必要なアイコンを、一度に全部

ファビコンはもう1ファイルでは済みません。ブラウザはタブとアドレスバーのために小さなfavicon.icoを読み、iOSはホーム画面用に180×180のapple-touch-iconを求め、Androidとインストール可能なWebアプリはWebマニフェストから192と512pxのPNGを取得します。このツールは1枚のソース画像からそれらすべてを作り、貼り付けるだけのHTMLスニペットも用意します。6種類のサイズを手作業で書き出す必要はありません。

思いどおりの構図で、プライベートに

アイコンは正方形のままにも、角を丸くも、円形に切り抜くこともできます。余白を足せばロゴが端に詰まらず、背景は透過にも単色にも選べます。ライブプレビューが実際のファビコンサイズでの結果を、モックのブラウザタブも含めて示します。すべてのファイルはあなたのデバイス上で生成されるため、ロゴ — 多くの場合は未公開のブランド素材 — がサーバーに送信されることは決してありません。

よくある質問

ファビコンを作るために画像はアップロードされますか?
いいえ。favicon.ico・PNG アイコン・マニフェストはすべて、Canvas API を使ってブラウザ内でローカルに生成されます。画像がデバイスの外に出ることはありません。
どのサイズとファイルが手に入りますか?
マルチ解像度の favicon.ico(16・32・48px)、16・32・48・180(apple-touch-icon)・192・512px の PNG アイコン、site.webmanifest、そして <head> に貼り付ける HTML スニペットです。
PNG や SVG を ICO に変換できますか?
はい。PNG・JPG・SVG・WebP を追加すれば、本物の favicon.ico をダウンロードできます。SVG のロゴは、まず高解像度でローカルにラスタライズされます。
どんな画像が最適ですか?
シンプルでコントラストの高いロゴの正方形画像です。正方形でない画像は中央を基準に切り抜かれます。余白と形状のコントロールで、思いどおりの構図に整えてください。
ファビコンはどうやって設置しますか?
パッケージをサイトのルートフォルダーに解凍し、用意された HTML スニペットを各ページの <head> に貼り付けてください。favicon.ico はほとんどのブラウザが自動的に読み取ります。