まさはる's Weblog

　温泉マップを公開してからというもの、チマチマとPHPとJavaScriptのソースを改良しているわけですが、ver. 1.3でカスタムアイコンに変更したので書き留めておきます。

　GoogleでGoogle Mapsのアイコンを検索すると、色々なデザインのものがたくさん出てきますが、私の使いたいアイコンは存在しないということで、一から作ることにしました。
　この手の絵の上に絵を重ねる場合、重ねる絵の背景を透明にしないとジャギーが目立って見栄えが良くありません。Photoshopで背景を透明にしてアイコンを作る方法もありますが、そもそもそういう作業に向いていないので作るのに苦労します。そこでベクターデータを作れるソフトを探していたところ、あった、あった。しかも無料。

　このソフトは、グリッドにスナップさせることが可能なので、正確な図形を描くにはピッタリです。で、SVGファイルは出来たのですが、今度は背景を透明にしたPNGファイルに変換したいということで探したところ、技術者のたまごブログのドラッグ＆ドロップでSVGからPNGへ変換のページで自作の「SVG to PNG converter」を紹介されていたので使わせてもらいました。
　出来上がったアイコンはこちら。あら、大した手間がかかっていない割には以外と上手くできたかも...（自画自賛ｗ）。