結果の選択とトレース設定
ウェブ、ロゴ、加工用途はレビュー済みのトレース方式を比較します。関連パレットが複数残れば、パレット、SVGの順に選びます。不要な手順は省略します。ラベルは完成した見える色を数え、白を含み、透明を除きます。「選択を変更」で比較を開き直せます。写真と複雑なイラストは従来の最適化処理を保持します。
単色は6方式を比較します。カラーは対応構成を最大4つ試し、構成数が1から4へ増えると、各構成の候補数は10、8、6、5となります。比較と省略の規則は自動選択ガイドをご覧ください。
初期表示される設定
現在の画像と用途に当てはまる操作だけを表示します。表示されない設定は、通常、元画像の解析で関連する選択肢がなかったことを意味します。トレース設定を変えるとSVGを再計算しますが、表示だけの操作では再計算しません。
単純化
単純化はラスター画像の細かな変化をパスがどれだけ追うかを調整します。高くすると滑らかな形と少ないノードになり、SVGも小さくなることがあります。角、細い部分、微妙な輪郭が丸まりすぎたら下げてください。低すぎるとノイズを形として残し、高すぎると意図したシルエットを変える場合があります。
背景
検出した平らな外側の背景を処理します。
- 自動は元画像の解析と用途から、出力に背景を含めるか判断します。
- 削除は検出した外側の背景を除き、ほかの色の上にSVGを配置できるようにします。
- 保持は背景を図柄としてトレースします。
すでに透明な画像や、外側の背景を確実に識別できない画像では表示されない場合があります。
currentColorを使用
対象となるウェブ・ロゴの単色結果で、固定色をSVGキーワードのcurrentColorへ置き換えます。埋め込んだページのCSS文字色を継承します。色見本で固定色を選ぶには無効にしてください。加工出力など、色の継承が不適切な場合は表示しません。
SVGを有効な内容にトリミング
すべての結果で利用でき、ウェブとロゴでは初期設定で有効です。形を引き伸ばさず、残った見える形状に表示範囲を合わせます。有効な場合、出力色の削除後に範囲を再計算します。元の余白が構図に必要なら無効にしてください。
長辺と単位
加工用途では、ミリメートルまたはインチで物理的な長辺を設定できます。縦横比を保ちながら、出力の実寸を指定します。細い形、カーフ、隙間、機械固有の要件が安全であることを証明するものではありません。
最大色数
ネイティブVTracer設定を使う結果だけに適用します。レビュー済みパレット方式は専用の候補設定を使います。
最大色数はカラートレースに使うパレットを制限します。2から64の整数を入力してください。少なくすると似た色調をまとめパスを減らせます。多くするとグラデーションや細部を残せますが、レイヤーと容量が増えます。この値はトレースの上限であり、すべての色の出現を保証しません。単色やカラートレース非対応の場合は非表示です。範囲外の値は変換前に拒否します。
SVGの精度
詳細設定の外にある基本設定で、加工以外の結果だけに表示します。0から3で最適化後の座標の小数精度を調整します。各準備済み候補は独自にテストした精度で始まり、手動変更が優先されます。精度を上げると位置の細部を保持できますが、通常は容量が増えます。
詳細設定
初期結果に特定のトレースや出力の調整が必要なら、詳細設定を開いてください。利用可否は引き続き画像と用途に依存します。
カラーモード
対応する単色以外の画像で、自動、単色、3色、4色を選べます。自動は選択した準備済み方式を復元します。単色は黒から始まり、ウェブとロゴでは編集できる色が1つならcurrentColorを表示できます。カラー対応の加工用途も同じトレースを選べますが、パレット編集はありません。単色の元画像や単色必須の加工モードでは表示しません。
クラスタリング
ネイティブVTracer設定を使う結果だけに適用します。レビュー済みパレット方式は専用の候補設定を使います。
輪郭のトレース前にピクセルを領域へまとめる方法です。
- 2値は前景と背景を分離し、高コントラストの単色に適しています。
- カラークラスタは近い色を重なった領域へまとめ、平面的な多色図柄の一般的な選択です。
- ウォーターシェッドは局所的な構造で領域を分け、接している部分に異なる境界が必要な場合に役立つことがあります。
適する方式は輪郭と色分布に依存します。細部を増やす方式はパスや小さな孤立領域も増やす場合があります。
パスを結合
加工用途はSVGOが無効なため利用できません。
互換性のある形状をSVG最適化で結合します。見た目を変えずにコードやパス数を減らせる場合があります。後工程のエディターで独立パスが必要なときや、意図しない結合を調べるときは無効にしてください。
幅と高さを削除（viewBoxを使用）
固定のwidthとheightを削除し、viewBoxを保持します。SVGはCSSやコンテナーを通じてレスポンシブに拡大・縮小します。加工では物理サイズが重要なため、明示的な寸法を残す場合があります。
トレース入力を補正
条件付きの機能で、トレース前にラスターを拡大・平滑化します。元の色数が限られた細かな図柄に役立つ場合があります。自動選択では対象画像をオン・オフ両方で試し、より良い初期結果を残します。色が非常に多い入力には表示せず、アップロードファイルも変更しません。
回転
**0°、90°、180°、270°**から選び、トレース前にラスターを時計回りに回転します。ベクトル化前の処理なので、生成SVGには回転変換ではなく新しくトレースした座標が含まれます。独立した形状を保ちながら向きを直すのに便利です。
コードを整形
コピー・ダウンロードするSVGコードに改行とインデントを加えます。手作業で確認しやすくなりますが、通常は容量が増えます。描画する図柄は変えません。
複数回の最適化
加工用途はSVGOが無効なため利用できません。
トレース後にSVG最適化を追加実行します。繰り返しや結合可能な構造がある場合など、容量をさらに減らせることがあります。追加処理には時間がかかり、縮小しないファイルもあります。
しきい値と2値化の自動しきい値
すべての単色結果で、同じ詳細設定内に2値化の自動しきい値と0から255のしきい値スライダーを表示します。動かすと自動がオフになり、明示した輝度しきい値を使います。高い値では通常、明るいピクセルまで含みます。自動を再び有効にすると、選んだ方式のカバレッジ処理に戻ります。変更後は狭い隙間や穴を確認してください。
入力の平滑化、角、曲線方向
選んだ方式が実際に使う操作だけを表示します。入力の平滑化（sigma）は輪郭抽出前のカバレッジ平滑化を変えます。ネイティブ単色方式は角の感度（corner）、等値線と対応カラー方式は曲線方向の半径（tangentRadius）を提供します。コード整形ではなくトレース形状を変える設定です。初期値は候補ごとに決まり、元に戻す操作で手動変更を復元できます。
独立した点を円に補正
対応するネイティブ単色・カラー方式で、円近似のオフ、厳密、緩やかを選べます。厳密はより円に近い形、緩やかはラスターの揺らぎや大きな点を許容します。一致する塗りつぶし点はSVGの<circle>を使い、共有する色境界には互換形状を残します。文字や穴は保護し、不確かな形は変えない場合があります。カッティングプロッター、Tinkercad、CNCでは設定も近似も無効です。
加工出力の方針
レーザーカット、Tinkercad、CNCは単色が初期設定です。Cricut、カッティングプロッター、レーザー彫刻は元画像が対応すればカラーパレットを使えます。すべて物理寸法と加工チェックを保持します。すべての加工用途でSVGOを無効にするため、SVG精度、パス結合、レスポンシブ寸法、複数回の最適化は表示しません。コード整形は形状を変えず利用できます。
結果の操作と条件付きツール
色見本
完成SVGの色を、パスの暗黙の黒い塗りも含めて表示します。クリックすると出力全体のその色を置き換えます。カラーピッカーの選択を動かすとプレビューが更新され、確定または外側のクリックで閉じます。対応ブラウザでは、閉じずにスポイトで画面の色を取得できます。8色を超える場合は、折りたたまれた色見本をクリックして展開してから編集します。再計算後も色数が同じなら、指定した色を保持します。
2色以上ある展開パレットで色見本にカーソルを合わせ、×を押して確認すると、その色の全パスを削除できます。currentColor有効時と加工結果では利用できません。削除した色は設定変更後も戻らず、初期設定に戻すで復元します。色の削除はその色の意図した細部も消すため、ダウンロード前に確認してください。
CSS変数とクラス
完成SVGが8色以下でcurrentColorを使用がオフなら、パレット横の歯車からCSS書き出し名を設定できます。変数は色の塗りをCSSカスタムプロパティに置換し、クラスはパスにCSSクラスを付けます。別の色やカードで使った名前が候補に出ます。名前はコードをコピー、個別SVG、すべてダウンロードのZIPに反映し、プレビューは変えません。意図した色で表示するには、利用先のページが変数やクラスを定義する必要があります。すべてクリアは確認後、選択中の変数またはクラスタブだけを消します。
元に戻す・やり直す
Ctrl+Z（MacはCmd+Z）でカード設定とパレットの色変更を戻し、Ctrl+Shift+Z（MacはCmd+Shift+Z）でやり直します。スライダーや色選択のドラッグは1操作、複数カードへの一括編集も1操作です。プレビュー背景とCSS変数・クラス名は含めません。初期設定に戻すは自動設定へ戻し、色で削除したパスも復元します。
プレビュー背景
プレビュー上の背景は透明、白、黒を切り替えます。明るい輪郭、暗い輪郭、透明部分を確認するための表示面だけを変え、コピー・ダウンロードするSVGコードは変えません。
小さな孤立領域を削除
非常に小さい独立領域が検出されると、偶発的な点だと安全に判断できる領域だけを削除します。処理後も残る場合があります。加工以外は残ったチェックを×で非表示にできますが、加工チェックは表示を続けます。意図した小さな記号もノイズに似るため確認してください。
出力の詳細とSSIM診断
各カードは元画像の解像度と容量を表示します。通常の出力概要はパス数とSVG容量です。デスクトップで出力の詳細をクリックすると、処理ラスターの解像度と利用可能な診断が出ます。SSIMは見た目の類似性、SSIMの差はバランス重視の結果と最高SSIM候補との実測差です。SSIM最良結果を使用は容量の小ささを優先せず、実測で最も似た候補を適用します。調査用の情報であり、高得点でも形状が非常に重くなる場合があります。
一括編集
カードが複数あると、バッチで使える異なる設定を一括編集にまとめます。変更を準備して一度に適用できます。すでに指定値のカードは再計算しません。画像ごとに初期設定が違う理由は自動選択、適切な優先事項は全用途をご覧ください。
単色と平面図柄は許容された全解像度でトレースし、小さな入力は拡大します。検出した複雑画像や写真だけ長辺を2000 pxに制限します。ホバーとホイールのズームは、トリミングや背景削除後も元画像の座標で同期します。デスクトップの出力詳細で処理寸法を表示し、有効な測定がある場合だけSSIM診断を出します。更新中はコードコピーとダウンロードが待機します。
選択待ちのカードが残っている間は、一括編集に最小のSVGを使用を表示します。対象カードのパレット全体から提示済みの最小完成結果を選び、選択済みカードは変えません。
不透明度、バッチの準備、加工警告
広い内部の不透明度やグレーの階調は、2値のアンチエイリアスと誤認せずカラー候補を使います。出力色にアルファ値を残せますが、透明自体は1色と数えません。円近似には元画像が裏付ける円周の境界が必要で、小さな分割片から存在しない点は作りません。
「最小のSVGを使用」は、全画像が処理済みまたは選択可能で、1つ以上の選択が残る場合だけ表示します。全用途で、元の幅と高さがともに256 px未満なら低解像度警告を表示します。
加工警告は表示を続けます。「そのままダウンロード」は現在の出力への確認が必要で、承認しても指摘を消したりファイルを認証したりしません。設定変更で承認が無効になるため、警告が残れば再確認が必要です。一括ダウンロードでも未承認の加工警告を確認します。
最終更新：