使い方
利用できる静止 PNG・JPEG・WebP を選んでください。サンプル画像は読み込みません。読み込み後にファイル名と寸法を表示します。クリアは原本と出力を消します。処理はブラウザー内です。
全体を収めると余白を付け、中央切り抜きは長辺を切ります。背景は透明・白・黒。プレビューは即時更新し、アイコンファイルを作成でファイルとタグを作ります。入力変更は古い出力を無効化します。
結果の読み方
ICO は 16・32・48 ピクセルの PNG を含みます。個別 PNG はこれらと 180・192・512。180 は apple-touch-icon.png です。すべて同じ設定から生成します。
小サイズで識別できるか確認します。拡大しても詳細は復元しません。透明余白は本当に透明で、背後のページ色を保存するとは限りません。
2 つの例
400 × 200 を 32 に収めると 32 × 16、上下 8 の余白です。中央切り抜きでは 64 × 32 にして左右 16 ずつ除きます。どちらも保存寸法は 32 × 32 です。
256 × 256 は切り抜き不要。透明は元の透明度を保持し、白・黒は背景を合成します。JPEG 自体に透明度はなくても、余白を透明にできます。
設置
ダウンロードした favicon-tags.html のリンクタグをページの head に配置してください。
ファビコンはキャッシュに残る場合があります。配信ファイルを確認して通常の更新を行います。マニフェスト、アプリ設置、全プラットフォーム専用アイコンは生成しません。
上限は？
PNG・JPEG・WebP、10 MiB、1,600 万画素、各辺 8,192 まで。署名と寸法を検証します。アニメーション、SVG、GIF などは拒否します。拡張子変更は変換ではありません。
読めない理由は？
破損、不完全、非対応エンコードなどです。静止 PNG・JPEG に書き出し直してください。入力変更で古いダウンロードは消えます。
どこでも使える？
標準 ICO ディレクトリーに PNG を入れます。全 OS、古い編集ソフト、ブラウザー対応は保証しません。対象環境で試してください。
画像は保存される？
アカウントやクラウド保存はありません。小さなアイコンは編集原本の代わりにならないため、原画像を保管してください。