ファビコン生成

文字の入ったものはその大きさでは潰れます。形が単純なほどよく残ります。正方形でない画像は中央を切り抜きます — 余白を足すと、見分けのつく部分が数ピクセルしか残らないからです。

場所ごとに使う大きさが違うからです。ブラウザのタブは16と32px、iOSのホーム画面は180px、Androidは192と512px。大きいものだけを置くと縮めたときにぼやけ、小さいものだけを置くとホーム画面が甘くなります。

たいていのブラウザはPNGを読みますが、ブックマークやアドレス欄など、いまだに /favicon.ico を先に探す場所があります。ファイルが一つ増えるだけなので、併せて作っています。

使えます。PNGでは透明が保たれ、.ico も透明を持てます。ただし暗い色を透明に載せたアイコンは暗いタブで消えてしまうので、どんな背景でも読めるかご確認ください。

ブラウザがそのファイルを画像として開ければ使えます。SVG は大きさが書かれていないとブラウザごとに開き方が違ったり開けなかったりするので、駄目なら一度 PNG に書き出してから入れてください。

作りません。192 と 512 の画像は出ますが、Android がホーム画面で使うにはウェブアプリマニフェストがその二つを指していなければならず、そのファイルには名前・色・開始 URL のように、ここでは分からないものが入ります。出てきた画像を置き、マニフェストの icons に二行を書き足してください。

送られません。すべてブラウザの中で動き、送信も保存もしません。だからこそ、ふつうならウェブページに貼り付けない社内の設定ファイルや本番のクエリにも使えます。通信を切ったままでも動きます。