TutuEdit

ICO アイコン作成・サイトの favicon

PNG を埋め込み・透明を保持・上限 256。ブラウザ内処理、送信なし。

画像を入れてサイズを決め、書き出しで ICO を選ぶだけです。

ICO ファイルには PNG を埋め込みます(現代の ICO 形式は PNG ペイロードを許容します)。そのため透明な背景がそのまま残り、旧来のビットマップペイロードよりずっと小さくなります。上限は 256×256 で、これは当方が設けた制限ではなく ICO 形式自体の規定です。ディレクトリ項目で幅と高さが各 1 バイトしかなく、256 は 0 と書くため、それより大きい値は表現できません。もう一点はっきりさせておくと、書き出されるのは単一サイズの ICO であり、16/32/48 を一つのファイルに同梱する従来型ではありません。そもそも現代のサイトはマルチサイズ ICO に頼っていません——HTML の `link` タグで複数サイズの PNG を宣言し、ICO はサイトのルートに一つだけ置いて、/favicon.ico を直接要求する古いブラウザ向けの保険にします。計算はすべてご自身のブラウザ内で行われ、画像はアップロードされません。

主な機能

透明が保たれる

ペイロードが PNG なので、透明な角や角丸もそのまま残ります。

ファイルが小さい

PNG ペイロードは旧来のビットマップよりずっと小さく、favicon の読み込みが速くなります。

上限 256 は形式の規定

ICO はディレクトリ項目で幅と高さに各 1 バイトしか割かず、256 は 0 と書きます。それより大きい値は表現できません。

ブラウザ内で処理

画像はアップロードされません。タブを閉じれば何も残りません。

使い方

  1. 1
    画像を追加
    正方形の画像が最適です。枠にドラッグしてください。
  2. 2
    正方形にする
    1:1 に切り抜き、サイズを 32×32 か 48×48 に設定します。
  3. 3
    書き出しで ICO を選ぶ
    書き出しダイアログで形式を ICO にします。
  4. 4
    サイトのルートに置く
    favicon.ico という名前でルートに置けば、古いブラウザが直接取りに来ます。

よくある質問

マルチサイズの ICO ですか?
いいえ、単一サイズです。ファイルには PNG を一つ埋め込むため、小さく、透明も保たれます。複数サイズが必要なら別々に書き出してください。もっとも現代のサイトでは、HTML で複数の PNG を宣言し、ICO は保険として一つだけ置くやり方が一般的です。
favicon は何ピクセルにすべきですか?
単一の ICO なら 32×32 か 48×48 が実用的です。現代のブラウザはむしろ HTML で宣言された PNG を使います(iOS のホーム画面用に 180×180、PWA 用に 192 と 512)。ICO は主に /favicon.ico を直接要求する古いブラウザ向けの保険です。
ICO は最大どれくらいの大きさにできますか?
256×256 です。これは ICO 形式そのものの規定で、ファイルのディレクトリ項目では幅と高さが各 1 バイトしかなく、256 は 0 と書きます。したがってそれより大きい値は表現できません。当方が加えた制限ではありません。
無料ですか?画像はアップロードされますか?
無料・登録不要・回数制限なしです。アップロードもされません。すべてご自身のブラウザ内で処理されます。

今すぐICO アイコン作成・サイトの faviconを試す

すべてブラウザ内で動作 · インストール不要 · 登録不要 · 画像はアップロードされません