無料オンラインSVGエディター
どんなSVGファイルでもオンラインで色を変え、SVG、PNG、JPG、PDFで書き出せます。インストール不要、登録不要、透かしなしの無料ブラウザ版SVGエディターです。
SVGをアップロード
色
このSVGには編集できる色がありません。currentColorや外部CSSで色を指定している可能性があります。
書き出し
すべてブラウザ内で処理されます。当社がSVGファイルをアップロードすることも、保存することも、見ることもありません。
プレビュー
仕組み
4ステップでSVGファイルをオンライン編集・色替えする方法
4つの手順で、どんなSVGファイルもオンラインで編集できます。SVGをアップロードし、各要素の色を変え、結果をその場で確認して、ブラウザを離れずにSVG・PNG・JPG・PDFで書き出せます。
- 01
SVGをアップロード
SVGをエディターにドラッグ＆ドロップするか、クリックしてファイルを選びます。ファイルはすべてブラウザ内で処理され、アップロードされることはありません。
- 02
どの要素でも色を変更
SVG内のすべての色がスウォッチとして表示されます。スウォッチをクリックして新しい色を選ぶと、プレビューがその場で更新されます。
- 03
リアルタイムでプレビュー
変更はすべて市松模様のプレビューにすぐ反映されるので、書き出す前に見た目を細かく詰められます。
- 04
ファイルを書き出す
SVG、PNG（1×・2×・4×）、JPG、PDFでダウンロードできます。SVGのコードをクリップボードにコピーすることも可能です。
重要な理由
無料オンラインSVGエディターに必要な機能をひととおり
ロゴやグラフィックの手直しを素早く行うための、目的を絞ったオンラインSVGエディターです。どの要素でも色を変え、きれいなSVGコードをコピーし、ソフトを入れずにSVG・PNG・JPG・PDFへ書き出せます。
SVG要素の色を変更
検出された色をクリックすれば、その色を使っている塗りや線をまとめて変更できます。ロゴやアイコンの色替えが数秒で終わります。
複数の書き出し形式
SVG、PNG、JPG、PDFでダウンロードできます。プラグインも変換作業も不要。形式を選んでクリックするだけです。
高解像度のPNG
1×・2×・4×でPNGを書き出せるので、Retinaディスプレイでもスライドでも印刷物でも鮮明なままです。
SVGコードをコピー
ワンクリックでSVGのソースをクリップボードにコピー。そのままコードやデザインツールに貼り付けられます。
ブラウザで編集
インストールもプラグインもIllustratorのライセンスも不要で、オンラインでSVGを編集できます。すべてブラウザ内で動作します。
登録不要、透かしなし
ページを開いてSVGをドロップし、編集してダウンロード。アカウントも手間も透かしも一切ありません。
ユースケース
デザイナーとチームによるSVGエディターの活用例
ロゴの色替えやECサイトのアイコンから、SNSや印刷物のグラフィックまで。デザイナー、マーケター、開発者がこの無料オンラインSVGエディターで、ブランド素材の統一感をどう保っているかを紹介します。
ロゴの編集
ロゴの塗りと線を新しいブランドカラーに合わせて変更し、SVGか高解像度PNGで書き出せます。
サイトのグラフィック
ランディングページのSVGイラストやUIのアクセントを調整し、細部までブランドカラーに合わせられます。
ECサイトのアイコン
商品アイコン、バッジ、カテゴリー画像の色を変えて、ストアの見た目をブランドどおりに保てます。
SNS
拡大縮小できるSNS用グラフィックの色を変え、どのプラットフォームでも鮮明に見えるPNGやJPGで書き出せます。
マーケティング素材
Illustratorを開かずに、チラシ、広告クリエイティブ、資料用アイコンの配色を刷新できます。
印刷物
色を変えたSVGを4×のPNGやPDFで書き出せば、ポスター、ラベル、グッズをどんなサイズでも鮮明に仕上げられます。
このエディターを選ぶ理由
デザイナーがこの無料オンラインSVGエディターを選ぶ理由
速さとシンプルさを重視して作りました。すぐ開けて、すべてブラウザ内で動き、どの編集も数クリックで終わる軽量なオンラインSVGエディターです。
インストール不要
何ギガものダウンロードは不要です。どのOSでも、ブラウザの中でそのままSVGを編集できます。
処理は100%ローカル
すべての編集は端末側で行われます。SVGが端末の外に出ることはなく、アップロードも保存も閲覧もされません。
編集は即反映
色を変えればプレビューがすぐ更新されます。アップロードやレンダリング待ちはありません。
軽くて目的が明確
やることはひとつ、SVGの色変更と書き出しだけ。回線が遅くてもすばやく読み込めます。
よくあるご質問
このSVGエディターは無料ですか？
はい。オンラインSVGエディターは完全無料で、登録も透かしもなく、編集できるSVGファイルの数にも制限はありません。個人でも商用のプロジェクトでも無料で使えます。
ソフトなしでオンラインでSVGを編集できますか？
はい。すべてブラウザ内で動作するので、IllustratorやInkscapeなどをインストールしなくてもSVGファイルを編集できます。ページを開いてSVGをドロップし、そのまま編集を始めてください。
SVGの色を変えられますか？
はい。SVG内のすべての色がスウォッチとして表示されます。スウォッチをクリックして新しい色を選べば、その色を使っている塗りや線がすべてその場で更新され、ロゴやアイコン、イラスト全体の色を数秒で変えられます。
編集したSVGファイルを書き出せますか？
はい。SVG、PNG（1×・2×・4×）、JPG、PDFで書き出せるほか、SVGのコードをクリップボードにコピーすることもできます。すべてブラウザ内で生成されます。
PDFで書き出せますか？
はい。「書き出し形式」メニューからPDFを選んでください。ブラウザ標準のPDF出力を使うため、アップロードなしでローカルにファイルが作られます。
SVGはローカルで処理されますか？
はい。エディターはブラウザを使ってSVGの解析、表示、書き出しを行います。ファイルがサーバーにアップロードされることはないので、素材は非公開のまま保たれます。
どんなファイル形式で書き出せますか？
SVG（ベクター）、1×・2×・4×のPNG、JPG、PDFです。SVGのソースをそのままクリップボードにコピーすることもできます。
スマートフォンでも使えますか？
はい。画面はレスポンシブ対応です。小さな画面では操作パネルとプレビューが縦に並ぶので、スマートフォンやタブレットからでもSVGを編集できます。