favicon.ico生成
PNG・JPG・WebPから透過対応のfavicon.icoを生成
共通画像とサイズ別画像を組み合わせて、ブラウザ内で完結。
含めるサイズ
favicon.icoに同梱する解像度を選びます。透過画像に対応し、未指定サイズは共通画像から生成されます。
クイックプリセット
代表的な構成をワンクリックで適用できます。
ブラウザタブのプレビュー
実際のタブでこのように表示されます。
使用方法
- 1
共通画像を追加
共通画像をドラッグ&ドロップ またはファイルを選択
- 2
含めるサイズを選択
16〜256pxの中から 含めるサイズを選択
- 3
サイズ別に調整(任意)
サイズ別画像を指定し プレビューを確認
- 4
favicon.icoをダウンロード
変換を実行し ファイルを保存
プライバシーも安心
favicon.icoはブラウザ上で生成されるため
サーバーに保存されません。
第三者に共有されることもありません。
- 生成はすべてブラウザ内で実行
- 画像が長期にアップロードされることはありません
- 未指定サイズは共通画像から生成
- 通信はすべて暗号化
FAQ
よくある質問
ICOとPNGの違いは?
ICOは複数の解像度を1つのファイルに格納できる形式です。古いブラウザやWindowsは今もfavicon.icoを参照するため、サイトのアイコンには引き続きICOが安全な選択です。
favicon.icoは今でも必要?
多くのブラウザやツールはサイト直下の/favicon.icoを自動的に取得しに来ます。ICOを用意しておくのがもっとも確実です。
どのサイズを含めるべき?
16/32/48pxを入れておけばブックマークやタブの大半をカバーできます。高DPIディスプレイやWindowsタイル向けに64/128/256pxを追加するのがおすすめです。
サイズごとに別の画像を使える?
できます。基本になる共通画像を選び、小さいサイズだけ線を太くした画像に差し替える、といった調整が可能です。個別指定していないサイズは共通画像から生成されます。
透過画像にも対応している?
PNGやWebPの透明部分を保ったままfavicon.icoに含められます。背景を透過したロゴや角丸アイコンにも対応しています。
画像はサーバーに保存される?
生成はブラウザ内で完結します。画像が長期にアップロードされたり、第三者に共有されることはありません。
