ファビコン生成

正方形に近い画像を1枚入れると PNG が6つ出ます。16・32・48 はタブとブックマーク、180 は iOS のホーム画面、192・512 は Android のインストール用アイコンです。

短辺が512ピクセル以上の元画像なら、いちばん大きなアイコンまで鮮明です。それより小さいと引き伸ばすことになり、最も大きく見える場所でちょうどぼやけます。

正方形でない画像は潰さず中央を切り出します。アイコンは歪むほうが端が切れるより目立ちますし、ロゴは中央に意味があることが多いからです。

余白を取ると絵が正方形の内側に収まります。端まで詰まったアイコンは16ピクセルで窮屈に見えることが多く、少し空けたほうがタブでは読みやすくなります。

背景色は透明な絵の後ろを埋めます。とくに iOS はホーム画面アイコンの透明を無視して黒に重ねてしまい、望んだ見た目になりません。

HTML タグと web manifest も一緒に作られ、ここで出たファイル名を指します。書かれたパスにファイルを置き、タグを head に貼ってください。

画像がアップロードされることはありません。すべての大きさをブラウザの中で描きます。