SVGからファビコンへ

SVGのロゴをファビコン一式に — favicon.ico、apple-touch-icon、Webアプリ用アイコンへ — ブラウザ内で鮮明にラスタライズします。何もアップロードされません。

プライバシー第一：すべての画像はブラウザ内でローカルに処理されます。サーバーへのアップロード・保存・送信は一切ありません。

ベクターを入れれば、あらゆるラスターサイズが出てくる

SVGはファビコンの素材として理想的です。解像度に依存しないため、各アイコンサイズを、すでに小さくなったビットマップから再サンプリングするのではなく、元の図形からラスタライズできるのです。SVGを放り込めば、16・32・48・180・192・512ピクセルという各出力がそれぞれのサイズでベクターから描画されるので、輪郭がぼやけずくっきり保たれます。タブの中で意図をもって見えるアイコンと、ただの汚れに見えるアイコンとの違いはそこにあります。

それでも.icoが必要な理由

現代のブラウザはSVGのファビコンをそのまま使ってくれますが、古いブラウザや多くのツール — フィードリーダー、チャットのリンク展開、デスクトップのショートカット — は今もfavicon.icoを探します。同じSVGから両方を生成すれば、すべてを網羅できます。余白を足し、正方形・角丸・円形のマスクと背景を選んだら、貼り付けるだけのHTMLスニペット付きで一式をダウンロードしましょう。