PNG → SVG
読み込み中…
このツールについて
コントラストの高いラスターPNGロゴ、アプリアイコン、単色スケッチ、サイングラフィックを、どんな解像度へ拡大しても輪郭が絶対にぼやけない高精度なSVG（Scalable Vector Graphics）ベクターパスへブラウザ上でリアルタイムトレースします。カラー量子化およびPotraceベースの輪郭追跡アルゴリズムにより、ビットマップピクセルを滑らかなベジェ曲線とポリゴンパスへ忠実に再構築します。2値化シルエット抽出だけでなく、階調分割、しきい値（Threshold）、パス単純化、コーナー平滑化の微調整をリアルタイムに確認可能。全処理がサーバーを介さず100%端末ローカルのブラウザメモリ内で完結するため、未公開の企業ロゴやデザイン資産の流出リスクがゼロであり、書き出したSVGデータはFigma、Illustrator、Inkscape、Web開発へそのまま即座に活用できます。
お使いの端末内だけで安全に処理します
すべての作業は、いまお使いのブラウザの中だけで行われます。ファイルが外部サーバーに送られることはないので、安心してお使いください。
使い方
ベクター化したいPNG、JPG、WebP形式のロゴ、アイコン、線画イラストをドラッグ＆ドロップまたはファイル選択で読み込みます。
トレースモード（単色シルエットまたはマルチカラー分割）を選択し、明暗のしきい値（Threshold）を調整します。
パスの平滑化と曲線精度スライダーを調整し、不要なアンカーポイントのノイズを抑えた綺麗な輪郭を整えます。
リアルタイムにプレビュー表示されるベクター描画を確認し、標準.svgファイルとしてダウンロードするか、インラインSVGコードをクリップボードへコピーします。
主な活用シナリオ
大型看板・ポスター印刷向けロゴの劣化なし拡大
解像度の低いWeb用PNGロゴを鮮明なベクターパスに再構築し、巨大な屋外バナーや展示ブース壁面印刷でもピクセル破綻なく美しく出力します。
Retina対応およびCSS着色可能なWeb UIアイコン作成
1x〜3xの高解像度ディスプレイでも常にクリアに表示され、CSSのfill/stroke属性でダークモードやホバー色を自在に変更できるインラインSVGアイコンを生成します。
元データ紛失時のブランドベクター資産復元
元のAIやEPSファイルが消失し低解像度PNGのみ残った企業のロゴマークを、ペンツールによる手作業のトレースなしで編集可能なベクターパスとして迅速に復元します。
レーザーカッター・カッティングプロッター用パス抽出
イラストや文字の輪郭から滑らかなカットライン（SVGパス）を抽出し、ステッカー作成用プロッターやレーザー彫刻機、CNC工作機械へそのまま投入します。
FigmaやIllustratorでの自由なベクターデザイン編集
ラスター画像をベクターオブジェクトへ変換し、FigmaやAdobe Illustrator上でパス単位の色変更、アンカーポイントの変形など柔軟なデザイン調整を行います。
よくある質問 (FAQ)
本ツールはロゴ、アイコン、文字、カリグラフィ、フラットイラストなど輪郭が明確な画像に特化しています。無数の階調と微細ノイズを含む実写写真はパス数が数十万に跳ね上がりファイルサイズが巨大化するため、写真にはWebPやAVIFなどのラスター形式の利用を推奨します。
しきい値はどの明るさのピクセルをベクター図形として拾うかの境界を決め、平滑化は曲線のギザギザを抑えてアンカーポイント数を最適化します。平滑化を高めると滑らかで軽量なSVGになり、下げると元画像の細かなエッジ形状が忠実に保持されます。
はい。カラーモードを有効にすると、主要なカラーパレットごとにレイヤーが分割トレースされ、色別のベクターパスとして保持されます。グラデーションはステップ状の帯として表現されるため、フラットなベタ塗りデザインほど高精度に仕上がります。
いいえ、一切送信されません。AllThatConverterのすべてのベクタートレース演算は、お使いのブラウザ内（JavaScript/WASM）でのみローカル実行されます。機密データが外部ネットワークを経由することはありません。
はい。標準的なW3C SVG仕様に準拠して生成されるため、Figma、Adobe Illustrator、Inkscape、Affinity Designer等のプロ向けデザインソフトでアンカーポイントの微調整や色の変更を自由に行えます。
はい。SVGファイルのダウンロードだけでなく、ワンクリックで<svg>タグのソースコードをコピーできるため、React、Vue、HTMLページへ直接インラインSVGとして埋め込んで利用できます。