使い方
JPEG・PNG・WebP・GIFを選びます。ファイル作成でパックを作ります。ダウンロードはZIPを保存します。サイトに置き、README.txt のリンクタグを head 要素にコピーします。
例
README.txt にアイコン、32ピクセル PNG、Apple touch icon の link タグがあります。
入力
A square logo PNG出力
favicon.ico、16・32・48・180ピクセルの PNG、README.txt を含む favicon-pack.zip仕組み
各サイズを白い正方形に描き、透明ロゴが明暗どちらのブラウザ枠でも見えるようにします。favicon.ico は16・32ピクセル PNG を PNG-in-ICO に入れます。48ピクセル PNG は汎用ショートカット、180は Apple touch サイズです。ZIP は再圧縮せず HTML 断片を含めます。
よくあるエラー
- アイコンが切れて見える ソースは正方形に引き伸ばされます。歪ませたくないなら正方形画像から始めてください。
- 古いブラウザが favicon.ico を無視 ICO は現行ブラウザが読む埋め込み PNG です。個別 PNG は README のフォールバックです。
- ZIP が出ない ダウンロードの前にファイル作成が成功する必要があります。破損画像はパック作成前に失敗します。
制限
Web アプリマニフェスト、SVG ファビコン、512ピクセルの maskable アイコンは含めません。アニメは1フレームに縮めます。15 MB超または一辺8000ピクセル超は拒否します。画像はアップロードしません。
プライバシー
ファイルはブラウザ内に留まります。PepsTools はアップロードせず、保存せず、他のサービスへも送りません。ツールをクリアするかページを離れるとメモリから破棄されます。
よくある質問
サイトはどのタグを使うべき？
ZIP 内 README が favicon.ico、32ピクセル PNG、apple-touch-icon のリンクを示します。head にコピーしパスを合わせてください。