Illustratorなどのベクターファイル編集ソフトを持っていなくても、SVGファイルを自由に編集することができる便利なツールを紹介します。
最近では、アイコンやイラストなどにSVGを使用することが標準になりつつあります。フリー素材なども、SVGファイルのみで配布されているケースをよく見かけるようになりました。
SVGは拡大・縮小が自由なベクターファイルであること、表現の幅の広さ、Webとの相性の良さなどメリットがたくさんあります。
SVGの特徴はこちらのスライドの解説が分かりやすいです。
そんな便利なSVGですが、ちょっとSVG画像を編集したい！というときに、IllustratorなどのSVGを編集できるソフトを持っていないと困ってしまいます。
今回は、非デザイナーの方や、普段Illustratorなどのベクターファイル編集ソフトを使わずにデザインをしている方でも、簡単にSVG画像を編集できるツールを紹介します。
Boxy SVG EditorはSVGファイルを自由に編集することができるツールです。しかも完全無料で、広告の表示などもありません。
編集した画像は、SVG形式以外に、PNG、JPEGとして保存することができます。
Chromeで利用できるChromeアプリです。Chromeウェブストアから無料ダウンロードできます。
Chromeにインストールしたら、ブックマークバーの「アプリ」ボタンを選択するか、アドレスバーに「chrome://apps」を入力すると、アプリ一覧から起動することができます。
SVGのパス、色などを自由に編集することができます。テキストや図形の挿入の他に、マスクや透過の指定も可能です。機能としては通常のベクターファイル編集ソフトと遜色ありません。SVG編集専用に作成されたソフトなので、とても使いやすいです。
SVGサイズ（View boxやViewport）の設定もできます。
オブジェクトをグループ化したり、グループ化を解除したりして、管理することができます。
フォントはGoogle Fontsが利用可能なので、700種類以上のユニークなフォントが使えます。
便利なショートカットキーも用意されています。
SVGを編集する際におすすめのツールです。