プロフィール画像を作り直した

僕のプロフィール画像、通称ギザギザを新しく作り直した。SVG化したいなと長らく思っていたけど、そのまま機械的に変換するのもつまらないし、せっかくなのでとマイナーチェンジを施した。

これまでのプロフィール画像
新しいプロフィール画像

線が太くなって、角が丸くなり、パスも少し単純化した。その分、線が強く見えるようになったので、色を薄くした。これによって、縮小されても多少見やすくなった気がする。

これまでのものも、新しいものも、いずれもプログラムによって線がランダムに生成されることでできている。たぶんこの元ネタになるのが、6年くらい前に実験で作っていたデモだった。

これはcanvasを使って実装したもので、後にプロフィール画像を作るタイミングになってからSVG版を作った。しかし、そこで生成されたSVGを保存していなかったので、以来、必要になるたびに自分のTwitterアカウントなどからアイコンをダウンロードしてくる羽目になった。

ところで、今回どのようにしてこれを作ったかと言うと、とにかく大量のパターンを生成しては、それらを見比べて良さげなものを選ぶ、という感じ。というか、こんな単純な線に良いとか悪いとかあるのだろうか、わからない。

そうこうしてアイコンをSVG化できたので、このサイトのヘッダー部分のアイコンとファビコンをSVGに変更した。あと、favicon.icoとapple-touch-icon、OG画像は、PNGのまま新しいものに差し替えた。ファビコンはフォールバック用にfavicon.icoも残しているというわけだ。SNS系のプロフィール画像も一通り更新したはず。