VECTRACE ・ RASTER → VECTOR
画像 を、SVG ベクター に。
JPG / PNG / ロゴ を、 拡大 しても にじま ない SVG に トレース。 色量子化 + エッジ追跡 + ベジェ近似 で、 ピクセル の 集まり を 数式 の パス に 変換 します。
ベクター化 の 4 工程
色 を まとめる
写真 や ロゴ は 数万 色 を 持つ こと が ある。 VecTrace は まず 画像 を 指定 した 色数 (2〜64 色) に 量子化 し、 似た 色 を 同じ 面 に まとめる。 色数 を 絞る ほど くっきり した ベクター に、 増やす ほど 元 画像 に 近い 仕上がり に なる。
輪郭 を 追う
同じ 色 の 面 の 境界 を 1 ピクセル ずつ 追跡 し、 閉じた 輪郭 線 (パス) を 取り出す。 小さな ノイズ は 「ノイズ除去」 で 切り捨てる。 これ で 「ここ から ここ まで が 1 つ の 形」 という 構造 が 生まれる。
曲線 に 近似
ギザギザ の 輪郭 を、 直線 と ベジェ曲線 (滑らか な カーブ) の 組合せ に 近似 する。 「直線 / 曲線 の しきい値」 を 上げる ほど 大胆 に 単純化 さ れ、 ファイル サイズ が 小さく なる。 こうして ピクセル の 集まり が、 数式 で 表さ れた 形 に 変わる。
SVG として 書き出し
得られた パス を SVG として 出力。 SVG は 解像度 を 持た ない ベクター 形式 なので、 何倍 に 拡大 しても にじま ず、 Illustrator や Figma、 カッティング マシン でも そのまま 編集 ・ 利用 できる。 ファイル 保存 と コード コピー の 両方 に 対応。 すべて 端末 内 で 処理 さ れる。
よく ある 質問
Q1
どんな 画像 が ベクター化 に 向く?
ロゴ ・ アイコン ・ イラスト ・ 文字 ・ 単色 や 少色 の 図形 が 最も きれい に なる (「ロゴ」「イラスト」 プリセット)。 写真 の よう な グラデーション の 多い 画像 は、 「写真」「ポスター化」 プリセット で 面 を 大胆 に まとめた アート 寄り の 仕上がり に なる。 細かい 質感 まで 完全 再現 する もの では なく、 形 を ベクター 化 する ツール。
Q2
pic-flip や pixel-lift と は 違う?
違う。 pic-flip は HEIC / JPG / PNG など ラスター 形式 どうし の 変換、 pixel-lift は ラスター の まま 高解像度 化、 dot-craft は 逆 に ドット絵 化。 VecTrace は ラスター (ピクセル の 集まり) を ベクター (数式 の パス) に 変換 する 唯一 の サービス で、 出力 は 拡大 自在 の SVG。 目的 が まったく 異なる。
Q3
SVG に する と 何 が うれしい?
SVG は 何倍 に 拡大 しても にじま ない (看板 サイズ でも くっきり)。 ファイル が 軽い こと が 多く、 Web でも 高速。 Illustrator / Inkscape / Figma で パス を 直接 編集 でき、 カッティング シート ・ 刺繍 ・ CNC ・ レーザー 加工 の 下絵 にも 使える。 色 や 線 を 後 から 自由 に 変えられる。
Q4
画像 は アップロード さ れる?
され ない。 トレース 処理 は すべて あなた の ブラウザ の 中 で 実行 さ れ、 画像 も 生成 さ れた SVG も サーバー に 送ら れ ない。 ライブラリ (imagetracerjs) を 1 度 読み込んだ あと は、 変換 に 通信 は 発生 し ない。 アカウント 登録 も 不要。
Q5
AI を 使って いる?
使って いない。 色量子化 + 境界 追跡 + ベジェ曲線 近似 という 古典 的 な 画像処理 アルゴリズム (imagetracerjs) で 動く。 機械学習 モデル の ダウンロード は なく、 軽量 で 高速、 オフライン でも 動作 する。