> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions.

# Vectorization Org：白黒トレースの結果を確認

> Vectorization.org は画像を白黒のベクトルに変換します。実際の PNG から SVG への変換を実行し、使用前に失われた色、小さな特徴、保存されたジオメトリをチェックします。

Source: https://perfectvector.com/ja/blog/vectorization-org-black-white

Language: ja
Author: Irene Kim
Published: 2026-11-04T08:00:00+09:00
Updated: 2026-11-08T08:00:00+09:00

Vectorization.org は画像を白黒のベクター アートワークに変換します。実際の SVG パスを生成できますが、`.svg` 拡張子を保持することは、元の色やすべての小さな機能を保持することを意味するわけではありません。モノクロ判読の方がイメージに合う場合にご利用いただき、保存した結果とソースを比較してからご利用ください。

このサービスの[概要ページ](https://www.vectorization.org/about.html)には、カラー画像は白黒に変換されると明記されています。実際の RGB PNG テストでは、3 つの黒いパスと埋め込み画像のない SVG が保存されました。ソースのネイビーとティールは黒になり、金色の長方形は結果から消えました。

## 色なしで生き残るべきものを決める

モノクロ トレースでは、1 つの前景色を使用してアートワークを説明します。これは、黒で表示することを目的としたシルエットや描画に適しています。青緑の形は青緑のまま、金の形は金のままという区別を維持することはできません。

アップロードする前に、最大のシルエット、内部の開口部、必要な最小の意図的なマークを特定してください。重なり合う領域を色で区切ったり、意味を持たせたりする場合は、その要件も書き留めてください。重要なソース領域が消えた場合、きれいに見える黒いプレビューは依然として不適切な場合があります。

許可されたソース画像、保持されたオリジナル、Web ブラウザ、および SVG を保存する場所が必要です。返されたプレビューだけを判断するのではなく、オリジナルを比較できるようにしておいてください。このガイドは、ローカル トレース コマンドではなく、[vectorization.org](https://www.vectorization.org/) のブラウザ サービスに従います。

**検証方法：** 2026年11月8日、不透明な白い背景を持つ384 × 256の独自の**RGBカラーPNG**をアップロードしました。紺色の長方形の枠、青緑色の三角形、金色の長方形、元画像上で2 × 2と8 × 8ピクセルの紺色の正方形を配置した画像です。SVG出力を選択し、実際の結果を保存しました。これは1つのカラー画像による対照実験であり、グレースケールのスキャン、多種多様な画像によるベンチマーク、実物出力のテストではありません。

## 画像をアップロードし、実際の SVG を保存します

現在の[ホームページ フォーム](https://www.vectorization.org/)では、ファイルのアップロード、代替 URL、出力形式の選択、**開始**が提供されています。私たちの実行では、ローカル ファイルのアップロードと SVG を使用しました。そのフォームではしきい値スライダーを観察または調整しませんでした。

1. **ファイルのアップロード**を使用して、許可する画像を選択します。
2. 選択したファイル名が意図したものであることを確認します。比較のためにソースを変更しないでください。
3. 出力形式として **SVG** を選択します。
4. \[**開始**] を選択し、**結果** ページが表示されるまで待ちます。
5. 表示されたプレビューを成果物として扱うのではなく、名前付きの `.svg` 結果リンクを開いて、実際のファイルを保存します。
6. 保存したアートワークをオリジナルと比較します。シルエット、開口部、意図的なマーク、色で区別された領域を確認します。

結果ページには、プレビューの上下に名前付きの SVG リンクが表示され、その下に**開始に戻る**が表示されました。リンクされた 852 バイトの SVG を保持しました。以下のスクリーンショットは、ブラウザのクロムと広告を削除するためにトリミングされた、実際に返されたアートワークです。

![名前付き SVG リンクと、カラー コントロールからの黒いフレーム、三角形、小さな四角形を含む実際の Vectorization.org 結果ページ](https://perfectvector.com/blog/vectorization-org-black-white/monochrome-result.webp)

*RGB コントロールによる実際のモノクロ結果。金色の長方形と 2 つの × 2 つのネイビーの正方形は存在しません。フレームの開口部、三角形、および大きな四角形は表示されたままになります。*

結果リンクが表示されない場合は、ソースを保持し、サービスの現在のアップロード要件を確認してから、再試行してください。見つからない SVG を広告やスクリーンショットで置き換えないでください。結果は開いても重要な領域が欠落している場合は、元の状態に戻り、別のソースの準備か色を保持したトレース ルートがジョブに適しているかどうかを判断します。

## 実際のジオメトリを保存された意味から分離する

保存したファイルの XML 検査では、**3 つの `<path>` 要素**が見つかりましたが、`<image>` 要素はなく、継承された黒塗りつぶし `#000000` が見つかりました。これらは、この特定のエクスポートにおける実際のパス形状です。 [SVG パス仕様](https://www.w3.org/TR/SVG2/paths.html)では、複数のサブパスを持つパスを含むパス ジオメトリについて説明します。

サブパスは、パス内の別個の輪郭です。この出力のフレームは、同じパス内で外側の輪郭と内側の輪郭を使用し、目に見える開口部を保持しています。したがって、3 つのパス要素は、穴のな​​い 3 つのソリッドな部分、または元のカラー領域ごとに 1 つの要素を意味するものではありません。

| ソース機能           | 観察された保存結果        | 自分のイメージを確認してください                |
| --------------- | ---------------- | ------------------------------- |
| 開口部のあるネイビーのフレーム | 開口部が見える黒いフレーム    | 重要な内部ギャップは残っていますか?              |
| ティールトライアングル     | 黒い三角形の形          | 色が失われることは許容されますか?               |
| 金色の長方形          | 不在               | 意味のある地域が消えてしまったのでしょうか？          |
| 2 × 2 ネイビースクエア  | 不在               | それはノイズだったのか、それとも意図的なディテールだったのか? |
| 8 × 8 ネイビースクエア  | 黒いジオメトリとして表示されます | 必要な最小のマークは存続しますか?               |

これらの観察は、普遍的なサイズのカットオフを証明したり、サービスのしきい値アルゴリズムを説明したりするものではありません。 2 つの四角形は、この特定のファイル内の特定のマークに何が起こったかを示しています。これらは、特定のサイズ以下の詳細がすべて消えること、またはより大きな特徴がすべて存続することを証明するものではありません。

混合または予期しない SVG コンテンツについては、[SVG ラスター画像検査ガイド](https://perfectvector.com/ja/blog/svg-contains-raster-image)で、埋め込み画像からジオメトリを区別する方法について説明しています。より広範な視覚的チェックを行うには、ファイル サイズやパス数に依存するのではなく、[トレース品質チェックリスト](https://perfectvector.com/ja/blog/evaluate-vector-trace-quality)を使用して重要な機能を比較します。

## 次のタスクの前に保存した文書を確認する

出力SVGに記載された幅は`320.918109pt`、高さは`193.140091pt`、viewBoxは`viewBox="0 0 320.918109 193.140091"`でした。元画像は384 × 256ピクセルです。これらは今回の出力で確認した属性であり、1回の実行だけでこのサービスの一般的な拡大縮小やトリミングの規則が分かるわけではありません。

viewBox は、[SVG 座標系仕様](https://www.w3.org/TR/SVG2/coords.html#ViewBoxAttribute)で定義されているように、アートワークをビューポートにマッピングするために使用される座標領域を指定します。サイズに依存する宛先の場合は、インポートされたドキュメントとそこに意図されている寸法を確認してください。ソースのピクセル番号とエクスポートされたポイントの寸法が交換可能であると想定しないでください。

ファイルを受け入れる前に、受信対象のアプリでコピーを開き、アートワークが表示されることを確認し、選択内容と寸法を確認してください。私たちは、ネイティブ アプリのチェックを実行したり、ジオメトリを編集したり、カッターにインポートしたり、物理的なサンプルを作成したりしませんでした。私たちが実証したエンドポイントは、実際のブラウザーの結果と保存されたモノクロ SVG です。

保存されたドキュメントには、`Created by potrace 1.12` というメタデータも含まれています。これは、このファイルのメタデータ内のステートメントであり、サービスの背後にある現在のソフトウェア インストールを独立して検証するものではありません。上記のブラウザーの手順に従うために、非表示の設定を推測したり、ローカル コマンドを再現したりする必要はありません。

## 色がデザインを伝える場合は別のルートを選択する

PerfectVector は、個別の色領域、輪郭、内部開口部を確認しながら、候補の画像からベクトルへのトレースを検査する場合に便利な次のオプションです。 [画像からベクターへのページ](https://perfectvector.com/ja/image-to-vector)で元の画像から始めて、プレビューで要件を判断します。このテスト参照を PerfectVector で変換したり、一対の比較を実行したりしませんでした。

PerfectVector の[製品概要](https://perfectvector.com/product-facts.md)では、ロック解除後に編集およびエクスポートできる、表示のみの無料プレビューについて説明しています。モノクロの結果がすでにアートワークに適している場合は、そのルートを使用して、保存されたファイルを確認してください。ソースに正確な構築が必要な場合、またはトレースに重要な詳細が欠けている場合は、次のステップとして手動描画の方が適している可能性があります。

色で塗りつぶされたアウトライン形状と 1 本の線の違いが主な関心事である図面の場合は、[ラインアート トレース ガイド](https://perfectvector.com/ja/blog/line-art-to-svg)に進んでください。それは、このサービスがソースの色や特徴を保持するかどうかとは別の決定です。

## よくある質問

**Vectorization.org はカラー画像を保存しますか?**
いいえ。About ページには、画像は白黒に変換されると記載されています。 RGB コントロールは、元の領域の一部が欠落している黒いパスを返しました。

**デモされたフォームでしきい値スライダーを調整できますか?**
ブラウザーの実行では、しきい値スライダーは観察または調整されませんでした。表示されるフォームには、ソース入力、出力形式、および開始が提供されます。このガイドでは、非表示のしきい値は提供しません。

**ダウンロードした SVG は単なる埋め込み PNG でしたか?**
いいえ。実際に保存されたファイルには 3 つのパス要素が含まれており、イメージ要素は含まれていませんでした。これにより、このエクスポートのジオメトリが確立されますが、テストされていないエディタやカッティング マシンとの互換性は検証されません。

**小さな黒い部分は必ず消えますか?**
このテストから一般的なサイズのしきい値は判断できません。元画像上で2 × 2ピクセルの正方形は消え、8 × 8ピクセルの正方形は残りましたが、他の画像や細部はテストしていません。

## 情報源

1. [Vectorization.org — ホームページ](https://www.vectorization.org/) — アップロード、出力形式、開始ワークフローのデモ。
2. [Vectorization.org — 概要](https://www.vectorization.org/about.html) — サービスの明示的な白黒範囲。
3. [W3C — SVG 2 パス](https://www.w3.org/TR/SVG2/paths.html) — パス ジオメトリと複数のサブパス。
4. [W3C — SVG 2 viewBox](https://www.w3.org/TR/SVG2/coords.html#ViewBoxAttribute) — 座標領域とそのビューポートの関係。
5. [PerfectVector — 製品情報](https://perfectvector.com/product-facts.md) — プレビューおよびロック解除された編集/エクスポート ワークフロー。

***

[PerfectVector の元の画像から自由に始めて](https://perfectvector.com/ja/image-to-vector)、次に最小の重要なマークと各色で定義された領域を検査してから、そのトレースが次のタスクに適合するかどうかを判断します。

## Explore

- [Read the HTML article](https://perfectvector.com/ja/blog/vectorization-org-black-white)
- [Vectorpeaのビットマップトレース：設定とSVG出力](https://perfectvector.com/ja/blog/vectorpea-vectorize-bitmap.md)
- [Harmonyで画像をベクター化：標準の描画とSVG読み込み](https://perfectvector.com/ja/blog/harmony-vectorize-image.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)