モード
カラー:元画像の色を保持
グレースケール:色を除去し、白黒グレーのみ
白黒:純黒と純白のみ
色数
小さく:色が少なく、画面がシンプル
大きく:より多くの色の階調を保持
ディテール
小さく:輪郭がシンプルで滑らかに
大きく:より多くの輪郭とテクスチャを保持
スムーズ
小さく:エッジがシャープに
大きく:エッジが滑らかで影がまとまる
JPG から SVG への変換も同じくベクター化処理です。JPG は写真に多く使われますが、ベクター化が本当に得意なのは単純な図形です。本ガイドでは、画像が適しているかどうかの判断方法を説明します。
JPG から SVG への実際の効果は画像内容次第
ベクター化アルゴリズムは画像をパスと色ブロックとして再記述します。元画像が写真(大量のグラデーションと細部)なら、結果は歪み、ファイルも膨大になります。
元画像がきれいなモノクロ図形、アイコン、文字、線画であれば、JPG 形式で保存されていてもベクター化の効果は良好です。
JPG がベクター化に適しているかどう判断する?
元画像を拡大して、はっきりした色ブロックと線で構成されているか観察します:色ブロックが大きく、エッジが硬く、色が少ない——ベクター化に適しています。
画面に大量のグラデーション、ノイズ、細かいテクスチャがある——適していません。ビットマップのまま保持し、圧縮ツールと併用するのがおすすめです。
モードとパラメータの選び方は?
白黒モードは文字や印鑑系に、グレースケールは明暗のある線画に、カラーはカラーの Logo やアイコンに適しています。
色数が多いほど再現度が上がりファイルも大きくなり、詳細が高いほどパスが増え、スムージングが高いほどエッジが滑らかになります。デフォルト値から微調整するのがおすすめです。
よくある質問
JPG を SVG に変換すると画質は良くなりますか?
ベクター化はピクセルをパスに再構築するため、単純な図形は拡大してもぼやけなくなりますが、写真系は歪みます。画質が自動的に向上するわけではありません。
写真を SVG に変換するとどうなりますか?
通常、ファイルが大きくなり歪みも目立つためおすすめしません。写真は JPG/WebP のまま使う方が適しています。
カラーモードで色が多すぎる場合は?
色数パラメータを下げるとパス数が減りファイルを小さくできますが、一部の色彩再現が犠牲になることがあります。
画像はサーバーにアップロードされますか?
されません。ベクター化はすべてブラウザ内でローカルに実行されます。
一括変換は対応していますか?
対応しています。複数ファイルを一度に選択して一括処理でき、ZIP にまとめてダウンロードできます。
どんな JPG が SVG 変換に適していますか?
単純な図形:Logo、アイコン、文字、線画、印鑑など、輪郭がはっきりしていて色の少ない画像です。