本文へスキップ
SuiCool

favicon.ico生成

PNG・JPG・WebPから透過対応のfavicon.icoを生成

共通画像とサイズ別画像を組み合わせて、ブラウザ内で完結。

含めるサイズ

favicon.icoに同梱する解像度を選びます。透過画像に対応し、未指定サイズは共通画像から生成されます。

クイックプリセット

代表的な構成をワンクリックで適用できます。

共通画像を使用
共通画像を使用
共通画像を使用
共通画像を使用
共通画像を使用
共通画像を使用
3サイズを選択中です推定サイズ 約14.7 KB

ブラウザタブのプレビュー

実際のタブでこのように表示されます。

共通画像を追加すると、サイズごとの見え方をここに表示します。

使用方法

  1. 1

    共通画像を追加

    共通画像をドラッグ&ドロップ またはファイルを選択

  2. 2

    含めるサイズを選択

    16〜256pxの中から 含めるサイズを選択

  3. 3

    サイズ別に調整(任意)

    サイズ別画像を指定し プレビューを確認

  4. 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に含められます。背景を透過したロゴや角丸アイコンにも対応しています。

画像はサーバーに保存される?

生成はブラウザ内で完結します。画像が長期にアップロードされたり、第三者に共有されることはありません。