変更前
同じ色の図形が、色の混在した別々のコンテナに散らばっている場合があります。
混在する親グループ1
A · 黄色の長方形B · コーラル色の星
混在する親グループ2
C · 緑の円D · 黄色のカプセル形
混在する親グループ3
E · コーラル色のひし形F · 明るい色の長方形
無料のローカルSVG整理ツール
見た目を変えずに、SVG図形を色別にグループ化。
対応するSVGを選ぶと、同じ塗り色の図形を安全なグループにまとめた編集しやすいSVGを1つダウンロードできます。ダウンロードを有効にする前に、表示結果が変わっていないことを確認します。
無料 — 登録もクレジットも不要SVGはこの端末内に保持入力も出力もSVG 1ファイル
SVGから始める
公開ベータ版整理したいファイルを選択してください。
ブラウザがSVGを検査し、描画順を保てる範囲で同じ単色の塗りをグループ化して、ダウンロード前に表示結果が変わっていないことを確認します。
対応SVGのみ · 最大5MB · サーバーには送信されません
見た目ではなく構造を変更
変わるものと、そのまま保たれるもの。
2つのプレビューは同じに見えるはずです。違いはSVG内部の構造です。並べ替えても安全な範囲で、同じ単色の塗りをまとめて選択・編集しやすくします。
変更後
安全な同色図形は色別SVGグループにまとまり、必要な単独図形は独立したまま残ります。
黄色グループ
A · 黄色の長方形D · 黄色のカプセル形
コーラル色グループ
B · コーラル色の星E · コーラル色のひし形
最上位の単独図形
C · 緑の円F · 明るい色の長方形
維持されるもの
- 画面に見える塗り色と図形
- キャンバス、サイズ、変換、塗りつぶし規則
- 検証済みのレンダリング結果
変更されるもの
- 整理用のSVGコンテナ
- 依存関係が許す範囲での安全な描画順
- 選択しやすくするための繰り返し色の配置
意図的な安全ルール
1つの色に複数のグループが必要な理由
「色別にグループ化」は、同じ色の図形をすべて1つのコンテナへ無理にまとめることではありません。前後関係を決める描画順を守る必要があります。
- 12つの赤い図形が同じ塗り色を使っています。
- 2その間の描画順に青い図形があり、境界が接しています。
- 3赤い図形を青い図形の反対側へ移動すると、アンチエイリアスや重なり方が変わる可能性があります。
- 4安全な結果では赤い図形を分けたままにし、その理由を示します。
赤
青
赤
同じ見た目。安全な赤いオブジェクトは2つ。
目的に合う色ツールを選ぶ
グループ化、分離、色変更はそれぞれ別の作業です。
SVGに色があるというだけでなく、最終的に必要なファイルに合わせて選んでください。
ツール結果変更内容適している用途
ツール
SVGを色別にグループ化
結果
SVG 1ファイル
変更内容
オブジェクト構造
適している用途
同じ塗り色をまとめて選択・編集したい場合
結果
色ごとに位置を揃えたSVG 1ファイル
変更内容
ファイルと色の分離
適している用途
正確な色ごとに別ファイルを作成したい場合
ツール
SVGの色を変更
結果
通常はSVG 1ファイル
変更内容
パレット値
適している用途
構造ではなく配色を変えたい場合
ブラウザ内で完結する3ステップ
複雑なSVGを、検証済みの編集しやすい1ファイルへ。
変換とすべての確認はブラウザ内で実行されます。
対応するSVGを選択
ブラウザがSVGノーマライザーの仕様と、表示される画像を安全に変換できるかどうかを確認します。
整理結果を確認
2つのプレビューを比較し、複数の安全なオブジェクトに分かれた色も含めて結果概要を確認します。
検証済みSVGを1つダウンロード
構造、表示結果、独立した再実行の確認にすべて合格した場合のみダウンロードできます。
現在のツール対応範囲
推測せず、安全に停止するベータ版
共通プロセッサーが、この単色ツールで使えるSVG機能を準備します。準備によって見た目が変わる場合は、グループ化を始める前に元画像と結果を比較できます。
現在対応しているもの
- 単色塗りの静的な表示図形と、アウトラインパスに変換できる対応ストローク
- アフィン変換、塗りつぶし規則、図形ごとの不透明度、指定済みviewBox、信頼できる物理サイズ
- すべての表示要素を正確に対応付けられる既存グループと混在する親構造
次の場合は安全に停止
- 単色の処理範囲外の機能は候補結果から取り除かれ、見た目に差がある場合は確認が必要です
- 準備後に使用可能な単色図形が残らない場合や、グループ化した結果を検証できない場合は処理を停止します
- 必須のセキュリティ除去、リソース制限、タイムアウト、解決できない意味構造は厳格な停止条件です
一部だけ処理したSVGや近似結果は提供しません。停止したファイルは端末内で変更されずに残ります。
設計段階からプライベート
文書はこのブラウザ内に残ります。
ログイン、クレジット確認、署名付きアップロード、バックエンド変換処理はありません。元のテキスト、ファイル名、パス、色、プレビュー、出力はログや分析データに含まれません。
ページを開く際、通常の静的アプリファイルはPerfectVectorから読み込まれる場合があります。
あなたのSVGこの端末から選択
ローカルワーカー正規化、グループ化、検証
1回のダウンロード確認後にのみ提供
ビットマップ画像から始めますか？
まずSVGを作成し、その後で整理しましょう。
PerfectVectorはPNG、JPG、WebPの画像を編集可能なSVGパスに変換できます。ベクター化とプレビューは無料で回数制限がありません。最初の完成ファイルのダウンロードは1クレジットで解除され、解除済みファイルの再ダウンロードに追加クレジットはかかりません。
画像をベクター化上の無料ローカルSVG整理ツールとは別のサービスです。
PNG / JPG / WebPラスターピクセル編集可能なSVGベクターパス
SVG作業を続ける
ベクターファイルを準備するその他のツール
次に本当に必要な成果物に合うツールをお使いください。
SVG色分離ツール
1つのSVGを、正確な色ごとに位置を揃えたファイルへ分割します。
色を分離SVGカッティングマットプレビュー
一般的なカッティングマット上で、実寸と配置を確認します。
マット上でプレビュー画像をベクターに変換
PNG、JPG、WebP画像から編集可能なSVGパスを作成します。
SVGを作成すべてのツール
PerfectVectorの変換、準備、学習ツールをすべてご覧いただけます。
すべてのツールを見る始める前の質問
この整理ツールがすること、しないこと
このベータ版は、あらゆるSVGを受け入れることより、検証できる結果を優先します。
SVGの色別グループ化では何が変わりますか？
対応する表示図形を色別SVGグループ、または必要な単独図形として再構成します。依存関係の確認で見た目が保たれると判断できた場合は、描画順を安全に調整できます。
パスの色変更、結合、合成は行いますか？
いいえ。パレットの変更、図形の結合、パスの単純化や修復、画像の複数ファイルへの分割は行いません。
同じ色が複数のグループに分かれるのはなぜですか？
同じ色の図形が、接触または重なっている別の要素の前後にある場合があります。1つにまとめると描画順が変わる可能性があるため、その色に複数の安全なオブジェクトを残します。
見た目が変わっていないことをどのように確認しますか？
出力構造を検証し、受け入れた元データと候補を描画して変化したピクセルが0であることを確認し、ダウンロード前に2回目の独立したグループ化結果も比較します。
SVG色分離ツールとは何が違いますか？
色別グループ化は、整理済みのSVGを1つ返します。色分離ツールは、正確な色ごとに位置を揃えたSVGファイルを1つずつ返します。
どのSVG機能に対応していますか？
共通プロセッサーは、対応する単色図形を保持し、対応するストロークをパスに変換し、グループ化の処理範囲外の機能を取り除きます。検証済みの候補が異なって見える場合は、続行前に比較できます。グループ化と再描画の確認に合格した場合だけダウンロードできます。
SVGが端末の外へ送信されますか？
いいえ。SVG文書と生成結果は、使い捨てのブラウザワーカーとローカルBlob URL内に残ります。文書データを送るリクエストは必要ありません。
結果をSVGエディターで開けますか？
結果は通常のグループコンテナを使用する標準SVGです。ただし、アプリによってSVGグループの表示方法が異なる場合があり、このベータ版では特定のエディターでの動作をまだ保証していません。
