アイコンを svg で作り直してページの一番上につけた。
svg にするということでベジェを使って書き直したい、svg フォーマットで書き出したい、しかし専門で使うわけでもないので有料のツールは高くて買う気がおきない… ということで今回はInkscapeを試しに使ってみた。Inkscape を使った理由は特になく、単に最初に見つかったツールだからである。メニューの場所とか何ができるのかわからないところはたくさんあるけど、フォトショップやイラストレーターと似たような感じではあり、何となく用を満たすことはできた。
Inkscape のインストールはhomebrewでできるみたいなので、homebrew でインストールした。Inkscape 0.92.2 - Mac-Os-X : Homebrew | Inkscape に書いてある
brew install caskformula/caskformula/inkscape
だと、Downloading https://gitlab.com/inkscape/inkscape/commit/93ccf03162cd2e46d962822d5507865f3451168c.diffのところで503 Service Unavailableとなってしまいダウンロードが途中で失敗してしまった。Update on our planned move from Azure to Google Cloud Platform | GitLabをパッと見た感じでは（読んでない）、ちょうど Azure から Google Cloud への移行メンテナンスとタイミングが重なってしまったようだ。この記事を書いている時点では 503 にならない様子。
ということで、brew cask を使ってインストールした。
brew cask install inkscape
こちらはhttps://inkscape.org/gallery/item/11269/Inkscape-0.92.2-1-x11-10.7-x86_64.dmgしてくるようで、わりとすんなりイントールすることができた。
Inkscape で作成したファイルは svg で保存される（みたい）。保存された svg をそのまま使うこともできるけど、その svg には Inkscape で使う情報も入ってるみたいなのでImageOptim使って最適化したものを Web 上では使っている。png への書き出しをサポートしているので、png ファイルを書き出して、PWA のチェックリストを満たす | メモログでてきとうに用意していたアイコン画像と差し替えた。
というメモ。