モード
カラー:元画像の色を保持
グレースケール:色を除去し、白黒グレーのみ
白黒:純黒と純白のみ
色数
小さく:色が少なく、画面がシンプル
大きく:より多くの色の階調を保持
ディテール
小さく:輪郭がシンプルで滑らかに
大きく:より多くの輪郭とテクスチャを保持
スムーズ
小さく:エッジがシャープに
大きく:エッジが滑らかで影がまとまる
WebP から SVG への変換も同じくベクター化です。基本的な考え方は PNG、JPG のベクター化と同じで、単純な図形は効果が良く、複雑な写真はおすすめしません。
WebP から SVG への適した場面
PNG、JPG のベクター化と同様、アルゴリズムはピクセルをパスと色ブロックに再構築するため、単純な Logo、アイコン、文字、モノクロ図形で最も効果を発揮します。
変換後の SVG は無限に拡大でき、編集も可能で、ウェブや印刷に適しています。これがベクター化の主な価値です。
なぜ複雑な写真はダメなの?
写真のグラデーションやテクスチャは、少数のパスでは正確に記述できません。変換結果は歪むか、ファイルが巨大になるかのどちらかです。
こうしたコンテンツは WebP のまま保持する(または JPG/PNG に変換する)か、圧縮ツールと併用することをおすすめします。ベクター化は向きません。
パラメータの調整方法は?
白黒モード:モノクロアイコンや文字に。グレースケール:線画やスケッチに。カラー:カラー Logo に適しています。
色数・詳細・スムージングの3つのパラメータは、デフォルト値から始めてプレビューを見ながら少しずつ微調整するのがおすすめです。
よくある質問
WebP から SVG への変換は透明背景に対応していますか?
透明領域はベクター化時に背景として処理されます。単純な透明図形なら透明感を維持できますが、複雑な透明エッジでは誤差が生じることがあります。
変換後の SVG は元画像と同じですか?
近似ですが同等ではありません。単純な図形は元画像に近く、複雑な画像は差が目立ちます。
写真の画質は維持できますか?
できません。写真はベクター化に向かず、変換後は歪み、ファイルも大きくなります。ビットマップ形式のまま使いましょう。
画像はサーバーにアップロードされますか?
されません。ベクター化処理はすべてブラウザ内でローカルに実行されます。
一括変換は対応していますか?
対応しています。複数ファイルを一度に選択して一括処理でき、ZIP にまとめてダウンロードできます。
どんなコンテンツが SVG 変換に最も適していますか?
Logo、アイコン、文字、線画、印鑑など、色が単純で輪郭のはっきりした図形です。