みちのぶのねぐら

Logo 工作室 // 厚生部 // 政治局

オンラインのアイコン・ジェネレータ

Update: 2021-11-20

いまどきの Web アプリを作ろうとするとなんだかたくさんのアイコンの画像のファイルが必要になります。こんな感じ What Are Favicons: A Comprehensive Guide です。

私の場合、ライセンスの問題のない既存のアイコンやフォントに色をつけるだけで済ませるので、ベクタデータを素にすることが多いです。そこで safari-pinned-tab.svg を最初に作ってそこから PNG や ICO を生成したいわけです。

まず PNG については Favicon Generator for perfect icons on all browsers が楽でした。それぞれの環境のプレビューを見ることができます。このツールよりたくさんのサイズの画像ファイルを生成するものもあるけど、たいていの場合はこれでだいじょうぶなんじゃないかな。

それから ICO は ICO Convert で解像度の指定ができます。 SVG の入力には対応していないので、先に生成した PNG を使うことになります。

Tag: web