SVGファイルをオンラインで編集
SVGを開いて視覚的に編集します — 図形とテキストの追加、位置・サイズ・塗りつぶし・線の調整、ライブプレビューでの要素の並べ替え。すべてブラウザ内でローカルに実行され、完全に無料です。
強力なSVG編集、ブラウザ内でそのまま
視覚的な要素リスト
ファイル内のすべての図形、パス、テキストノードがライブサマリー付きでタグ別に一覧表示されるため、図面の内容を一目で確認し、変更するものを正確に選択できます。
図形＆ジオメトリ
長方形、円、楕円、線、多角形、パスをワンクリックで追加し、専用のプロパティパネルで座標と寸法を編集します。
テキスト編集
テキストラベルを追加して内容を直接編集でき、位置とフォントサイズを制御してキャプションやコールアウトを図面に合わせられます。
完全なスタイリング制御
カラーピッカーで塗りつぶしと線の色を変更し、線幅と不透明度を調整し、要素ごとに属性を削除またはオーバーライドできます。
パン・ズーム可能なプレビュー
ライブプレビューをドラッグでパン、スクロールでズームし、任意のスケールで図面を鮮明に保つフィット/拡大/縮小コントロールを備えています。
設計上のプライバシー
SVGはブラウザ内で完全に編集され、サンドボックス化されたiframeでレンダリングされるため、埋め込みスクリプトが実行されることはなく、ファイルがデバイスの外に出ることもありません。
このSVGエディターとは？
このツールはSVG — アイコンやロゴから技術図面やデータ可視化まであらゆる場所で使われるオープンなベクターグラフィックス形式 — 用の軽量なブラウザベースのエディターです。テキストエディターでXMLタグを手編集する代わりに、ライブキャンバス上で要素を選択し、簡単なコントロールで調整します：図形の移動やサイズ変更、塗りつぶしや線の色の選択、新しいテキストの入力、要素の並べ替えや複製、キャンバス自体のサイズ変更。ドキュメント全体がブラウザに留まるため、アップロードされるものはなく、機密ファイルでも機能します。出力はSVGが受け入れられる任意の場所で使用できる有効なSVGです。
SVGエディターの使い方
SVGの編集はわずか3ステップです — ツールはファイルを自動的に開き、すべての変更がライブで反映されます。
SVGをドロップ
1つ以上の.svgファイルをアップロード領域にドラッグ＆ドロップします（またはクリックして選択）。各ファイルは自動的に開き、独自のライブプレビューと要素リストが表示されます。
選択して編集
リスト内の任意の要素をクリックして選択し、「プロパティ」パネルで位置、サイズ、色、線、不透明度を調整します。ツールバーを使用して新しい図形やテキストを追加し、選択した要素を複製、並べ替え、削除します。
作業をダウンロード
編集した各SVGを個別にダウンロードするか、すべてのファイルを単一のZIPにパッケージ化します。ダウンロードは完全にローカルで行われます — 編集したドキュメントはブラウザ内で生成され、サーバーに送信されることはありません。
覚えておくべきこと
最初の編集を行うまで、ダウンロードはファイルの正確な元のバイトを返します — 事前に書き換えられることはありません。最初の編集でドキュメントが再シリアル化されるため、空白と属性の順序が正規化される場合があります。安全性のため、SVGはサンドボックス化されたiframeでレンダリングされます：埋め込みスクリプトは実行されず、外部の画像とフォントは読み込まれません。パスデータは表示されますが、ポイント単位で編集することはできず、非常に大きなファイルは最初の1,000要素をノート付きで一覧表示します。