ベクタートレースの品質を評価する：12点の採点表

良いベクタートレースは、意図した図形を残し、実用的に編集でき、対象のアプリや制作工程で使えます。滑らかなプレビューだけでは不十分です。輪郭の忠実さ、抜き部分、色の対応、ノード効率、編集しやすさ、出力先での確認の6項目で評価します。各項目を0、1、2点で採点し、重大な欠点には不合格のルールを適用します。

この採点表は独自の評価方法であり、特定のベクター化ツールの性能測定ではありません。同じ元画像から始め、同じ出力先を基準にすれば、異なるツールの2つの結果を含め、どの自動トレースにも使えます。Xara内の図柄では、Xara Bitmap Tracerの手順がトレース設定を具体的な図形と色の確認につなげます。

12点のトレース品質評価

• 2点： 意図した用途に使える
• 1点： 特定の修正後に使える
• 0点： 誤り、破損、または出力先に不適切

合計10〜12点は良い出発点となるファイルです。7〜9点は計画した修正が必要です。6点以下は通常、再トレースや描き直しが必要です。輪郭の忠実さ、抜き部分、出力先での確認のどれかが0点なら、合計より優先して不合格にします。

ベクタートレース品質の6項目の採点表

6項目を0〜2点で評価

合計は2つのトレースを比較しやすくしますが、各点数に添える記録の方が重要です。「小さいサイズで文字の内側の穴が閉じる」「肩付近の曲線に密な点の連鎖がある」など、欠点を平易な言葉で記録します。次の編集者が何を直すか分かります。

公平な元画像とトレースの比較を準備する

開く前に、ベクターに必要な動作を決めます。レスポンシブなインターフェース用SVG、ロゴ原本、カット用図柄では失敗の形が違います。何が必須かは出力先が決めます。

次の手順を使います。

1. 未変更のラスター元画像をトレースしたSVGの横に置きます。
2. トレースを元画像へ重ね、境界を合わせます。不透明度を下げるか表示を切り替え、シルエットのずれを見やすくします。
3. 意図した出力サイズで一度調べ、次に角、隙間、重なり、曲線が分かるまで拡大します。
4. アウトラインやノード表示へ切り替えます。塗りのプレビューが隠す密なパス、開いた輪郭、断片を記録します。
5. 6項目を採点し、2点未満のすべてに根拠を1文添えます。
6. 実際の出力先でSVGを開き、図形の色変更、アイコンのリサイズ、ロゴの読み込み、カットのプレビューなど、次の操作を行います。

ツール比較では、元画像、出力先、許容する細部を固定します。細部の多いトレースは、簡略化したアイコンより多くの形状データを必要とすることが多いです。忠実さを固定せずノード数だけを比べると、誤った結果を高く評価します。

1. 輪郭の忠実さ：意図した輪郭を残したか

外側のシルエットから始め、角と長い曲線を調べます。サムネイルでは整って見えても、文字の幅が変わる、丸い肩が平らになる、意図した角が揺れになる場合があります。

使用サイズで意図したデザインと一致し、近くでも意味のあるずれがなければ2点です。少数の局所修正なら1点です。図柄らしさ、バランス、はまり具合が変わる誤りなら0点です。

元のすべてのピクセルを追うことを要求しないでください。ラスターの縁には、意図した形状ではない柔らかさや小さなピクセル変化があります。Adobeの画像トレースの資料は、このトレードオフを直接示しています。Paths（パス）の設定はピクセル形状をどの程度厳密に追うかを変え、Corners（コーナー）とNoise（ノイズ）は曲がりや小領域の解釈を変えます。Adobeの現在の画像トレース設定を参照してください。

2. 抜き部分：穴と隙間は開いているか

文字の内側の穴、囲まれた穴、近接する図形の間、2つの部分を分ける細い切れ目を調べます。これらは塗りの図形と同じほど個性を担うことがあります。SVG仕様は、オブジェクト内の穴を含む複数のサブパスからなる複合パスを認めています。塗りのプレビューだけでは、選択するまで構造の妥当性が隠れる場合があります。W3CのSVGパスの定義を参照してください。

意図した開口がすべて残れば2点です。開口はあるものの1か所または2か所を整える必要があれば1点です。開口が閉じる、消える、分離すべき2つが融合する場合は0点です。

文字やロゴでは、空間自体も図形として比較します。穴が小さすぎる、隙間の幅が急に変わると、外側が近くても違和感が出る場合があります。

3. 色の対応：有用な領域を作ったか

アンチエイリアスの各ピクセルではなく、意図した色領域を比較します。有用なトレースは、デザインの異なる色を分け、重要な透明を残し、1つの編集領域のはずの場所へ似た塗りを散らしません。

領域がデザインに合い、意図した役割で選べれば2点です。パレットは近いものの統合や境界修正が必要なら1点です。必要な色がない、透明が塗りの背景になる、重要な領域が誤って結合する場合は0点です。

色数だけでは評価できません。色を増やすと陰影のイラストを残せる場合があり、少なくするとフラットなマークに適する場合があります。Adobeのパネルも領域の数と大きさの変更で同じトレードオフを示し、Paths（パス）、Anchors（アンカー）、Colors（色）を別々に報告します。この分離は確認のモデルとして役立ちます。忠実さと複雑さは関連しますが、同じ点数ではありません。

4. ノード効率：ピクセルの雑音より単純か

ノードを表示し、小さな線分の密な連鎖で作られた長い曲線を探します。適切に置いた少数のベジェ点で滑らかな曲線を記述できます。SVGパス仕様は、直線、曲線、円弧を異なるコマンドとして定義します。ラスターの小さな変化をすべて追うと、見た目は近くても動作や編集が重くなる場合があります。

良いノード数に共通の値はありません。形状と必要な忠実さに対して効率を判断します。

• 直線の縁に、ほぼ同一直線上の点の列は不要です。
• 滑らかな弧が小さな曲がりを交互に繰り返さないようにします。
• 意図した角には、それを保つ点を残します。
• 2つのトレースは、同じ有用な細部を残す場合だけ比較します。

形状が効率的で安定していれば2点です。少数の場所だけが密なら1点です。密な点が広範囲にある、またはパスが目に見えて揺れるなら0点です。IllustratorのAuto-Simplify（自動簡略化）は不要な点を除いてパスを滑らかにできますが、意図した特徴を消さないよう視覚的な再確認が必要です。Adobeはこちらで修正手順を説明しています。

これが主な失敗なら、詳しいノードが多すぎるSVGの診断を使います。

5. 編集しやすさ：期待する部分を変えられるか

レイヤーパネルを遠くから見るだけでなく、小さな編集を試します。意図した図形1つを選び、移動、色変更、取り消しをします。背景が別か、1つの色が多くのオブジェクトに断片化していないか、単純な部品が不要な複合構造に閉じ込められていないか確認します。

意図した部分を直接選べ、編集が予想どおりなら2点です。グループ整理や少量のパス修正で使えるなら1点です。実質的に一体化した画像、結合された絡まり、必要な編集を支えない構造なら0点です。

復元したロゴでは、見えている図柄がSVGコンテナー内のラスターではなくパスでできていることも確認します。ロゴのベクター化確認項目は、この落とし穴を扱います。

6. 出力先での確認：次の工程に耐えるか

最後の確認はトレースのプレビュー外で行います。使う場所で開き、代表的な操作1つをします。対象の画面でリサイズする、制作用の色を変える、必要な読み込みを通す、工具経路を調べるなどです。

必要な動作をすれば2点です。記録した修正1つで使えるなら1点です。意図した用途を完了できないなら0点です。

この点数は整った外観より優先します。美しい曲線でも、必須の穴が読み込みで閉じる、必要な部分が編集できないなら失敗です。方法を比較する場合は、画像トレースとAIベクター化ツールのガイドが、変換ボタンより修正を含む全体手順が重要な理由を説明します。

悪い欠点を隠さず合計を読む

点数範囲は初期判断に使います。

• 10〜12点： 良い出発点のファイルです。納品前に残る1点の修正を記録します。
• 7〜9点： 記載した修正が予算と期限に収まる場合だけ使えます。
• 0〜6点： より良い元画像や方法で再トレースするか、重要な形状を描き直します。

合計後に不合格ルールを適用します。輪郭の忠実さ、抜き部分、出力先確認の0点は、合計が10でも未完成を意味します。ブランドに重要な図柄では、すべての形状項目に2点を要求するなど、厳しいルールも妥当です。

しきい値はこの採点方法の一部で、業界標準ではありません。チームで変えられますが、出力比較の前にルールを書いておきます。

PerfectVectorでの使い方

PerfectVectorは、同じ6項目で評価する候補を1つ提供します。元画像を画像からベクターへの処理に通し、普段使うエディターや制作アプリでSVGを開き、原本の横で採点します。他の方法と比べるなら、採点中はツール名を隠し、両方の確認後に明かします。

PerfectVectorにあらかじめ点数は付けません。有用な結果は、自分の図柄で検証できるものです。残すファイルを決める前に、シルエット、穴、色領域、ノード、編集、出力先動作を調べます。

より広いツール選定では、現在のAIベクター化ツール比較で候補を選び、この採点表で各出力を同じ方法で確認します。

再トレースでは解決しない場合

変換をやり直しても、元にない情報は通常復元できません。次の場合は描き直すか、以前の元データに戻ります。

• 小さい、またはぼけたロゴで意図した角が見えない
• 近似トレースより正確なブランド形状が重要
• 編集可能なテキスト、元のフォント情報、名前付きレイヤーを残す必要がある
• 写真やグラデーションの多い画像で連続階調を残すべき
• 技術図面が見た目の輪郭ではなく検証済み寸法を必要とする

この場合、正直な点数が低いのは、ベクタートレースが適切な復元方法ではないためかもしれません。画像ベクター化の入門は、トレースに適する画像と、ラスターを残す方がよい画像を説明します。

簡潔な確認記録

他の編集者が判断を再現できるよう、SVGの横に保存します。

よくある質問

良いベクタートレースとは？ 意図したシルエット、抜き部分、色領域を、実用的に編集できるパスで残すものです。また、対象のアプリや制作工程で使える必要があります。

ノードはいくつから多すぎますか？ 共通の上限はありません。必要なシルエット、角、細部を残す最少のノードを使います。同じ元画像を同じ忠実さで比較し、密な点の連鎖を持つ単純な曲線を調べます。

元のすべてのピクセルに一致すべきですか？ 通常は違います。柔らかい縁や小さなピクセル変化をすべて再現せず、意図した形状を残すべきです。ピクセル単位の一致が有用なのは、その質感が制作要件に含まれる場合だけです。

PNGプレビューで品質を判断できますか？ 明確なシルエットや色の誤りは分かりますが、ノード効率、編集しやすさ、SVG構造は証明できません。ベクターファイルを開き、パスを調べ、意図した出力先で確認します。

何点なら採用すべきですか？ この方法では10〜12点が良い出発点、7〜9点は計画した修正が必要、6点以下は通常再実行や描き直しです。輪郭の忠実さ、抜き部分、出力先確認の0点は、合計に関係なく不合格ルールに該当します。

参考資料

1. Adobe — 画像トレースパネルの設定 — 元画像比較、パス、コーナー、ノイズ、色、アンカー、透明、拡張の現在の設定を説明します。
2. W3C — SVG 2パス — パス形状、線分、曲線、閉じた図形、複合サブパスの標準定義です。
3. Adobe — パスの自動簡略化 — 不要なアンカーポイントを除き、パスを滑らかにする現在の手順を示します。

---

自身の画像からベクター候補を作り、元画像の横で採点し、次の工程を通過した結果を残してください。