コンテンツにスキップ
AnyResizer

PNG to SVG — PNG を数秒でスケーラブルなベクターにトレース

PNG ロゴ、アイコン、またはフラットグラフィックをドロップすると、色付きベクターパスで構築された SVG が返されます。どのサイズでも完璧なクオリティを維持。フォルダ全体をバッチ処理し、セット全体を ZIP でダウンロード。解像度低下に悩まされません。サインアップ・アップロード不要、ウォーターマークなし。

PNG をドロップして SVG にトレース

PNG · 最大 50 ファイル · 各 100 MB

無料瞬時登録不要

PNG to SVG の実際の機能

PNG はピクセルのグリッドです。ネイティブサイズを超えて拡大すると、エッジがぼやけてしまいます。ラスター形式でのみエクスポートされたロゴの典型的な運命です。SVG は異なります。画像を数学で記述し、ベクターパスと塗りつぶしの集合なので、ファビコンから看板まで、シャープなエッジを失わずにスケーリング可能です。このツールがこの 2 つをつなぎます。PNG を読み込み、その中の形状と色領域に従い、Illustrator、Figma、Inkscape、または Web ページに直接ドロップできるベクターパスとして再構築します。

ただし、トレースが何かを明確にすることが重要です。結果の使用方法が変わるためです。これは自動トレースであり、魔法の再描画ではありません。変換器は色付きパスで画像を近似しますが、元のデザインファイルを復元したり、ピクセルに存在しなかった詳細を追加したりすることはありません。だからこそロゴ、アイコン、フラットおよびポスタースタイルのアート、クリーンなラインドローイングで活躍します。これらは少数の単色領域と鋭いエッジを持つため、整然とした編集可能な形状にトレースされます。ラスターエクスポートとしてのみ保有している PNG こそが、このツールが輝く典型的なケースです。

課題は写真です。写真をフィードすると、トレーサーは何千もの微細なグラデーションを何千もの個別パスとして記述する必要があり、フラット、ポスタリゼーション、絵画的な外観の巨大な SVG が生成されます。これはめったに元の写真に勝りません。写真の場合、PNG を保持するか、代わりにラスター形式を使用してください。ここに手動ノード編集はありません。結果が粗い場合は、色数を増やすか、より詳細なプリセットを選択して、より大きなファイルを代価として改善してください。低解像度またはノイズの多い PNG をトレースするとギザギザのパスが生成されるため、常に最もクリーンで最高品質の PNG から始めてください。

Features

作品に合わせたプリセット

Poster、Detailed、Photo、または Grayscale を選択します。各プリセットはトレーサーがエッジと色にどの程度積極的に従うかを調整し、忠実度とパス数および最終ファイルサイズのバランスを取ります。

パレットとスムージングコントロール

トレースが使用する色数を設定し、スムージングをオンにしてギザギザのエッジを滑らかにします。色が少ないほど SVG は軽くなり、色が多いほど元の PNG をより忠実に追跡します。

透明性の保持

ソース PNG の透明領域はトレースで透明のままなので、アイコンとロゴは不要なボックスなしで任意の背景にドロップできます。

PNG から SVG への変換が役に立つとき

PNG としてのみ保有しているロゴを救助する

ベクターマスターは長く消えてしまい、PNG エクスポートだけが残っています。SVG にトレースバックして、ブランドマークがサイネージ、プリント、および高解像度ディスプレイにクリーンにスケーリングできるようにします。

Web 用のアイコンのシャープ化

小さな PNG アイコンは高密度ディスプレイでは曇ります。SVG に変換するとすべてのピクセル比で鮮明にレンダリングされ、多くの場合ラスターより軽量です。

フラットおよびポスターアートのベクター化

ボールド、フラットなイラストとポスタースタイルのグラフィックは少数のクリーンな形状にトレースされ、品質低下なく再色付けまたはリサイズできる編集可能な SVG を提供します。

ラインドローイングのクリーンアップ

スキャンまたはエクスポートされたラインアートと単純なスケッチは滑らかなベクターストロークに変換され、ピクセルと戦う代わりに Illustrator または Inkscape で改善する準備ができます。

カットと彫刻ファイルの準備

カッティングマシン、プロッター、およびレーザーエングレーバーはベクターパスを必要とします。PNG シェイプを SVG にトレースしてカッティングまたは CNC ワークフローに直接フィードします。

クリスプな UI アセットの構築

グリフとマークのラスタースクリーンショットを提供するデザイナーは、それらをデザインシステムに存在し任意のサイズでシャープなまま SVG コンポーネントにトレースできます。

PNG から SVG へのトレースに最適化、制限について正直

  • フラット PNG ロゴとアイコンをクリーンで編集可能なベクターパスに変換
  • Poster、Detailed、Photo、Grayscale プリセットとパレット・スムージングコントロール
  • ソース PNG の透明性はトレース全体を通じて尊重される
  • 最大 50 個の PNG をバッチ処理し、すべての SVG を 1 つの ZIP としてダウンロード

PNG を SVG に 3 ステップで変換する方法

  1. PNG をアップロード

    1 つの PNG をドロップするか、最大 50 個を同時にドロップします。クリーンなソースはより良くトレースされるため、手元にある最もシャープで最高解像度のグラフィックから始めてください。

  2. トレースプリセットを選択

    Poster、Detailed、Photo、または Grayscale を選択し、プレビューが正しく見えるまでパレットサイズとスムージングを調整します。デフォルト設定はほとんどのロゴとアイコンでそのまま機能します。

  3. SVG をダウンロード

    イメージごとに 1 つの SVG をデバイスに直接保存します。バッチをトレースするとセット全体が 1 つの ZIP に纏められて返され、任意のベクターエディターで開く準備ができます。

クリーンな PNG から SVG への結果のコツ

  1. Tip 1:

    所有している最高解像度の PNG から始めてください。トレーサーは与えられたピクセルのみをたどることができるため、クリーンなソースはクリスパスを生成し、ぼやけたソースはまとまりのない結果を生成します。

  2. Tip 2:

    プリセットを作品に合わせてください。Poster はボールドなフラットグラフィックに適しており、Detailed はより多くのエッジをキャプチャし、Grayscale はラインワークの色をドロップし、Photo は複雑な画像の最後の手段です。

  3. Tip 3:

    色数を監視してください。より多くの色は PNG を密接に追跡しますがパス数とファイルサイズを増やします。色が少ないほど軽くてクリーンな SVG が得られ、編集が容易です。

  4. Tip 4:

    写真をベクター化しようとしていますか?重くポスタリゼーションされた SVG を期待してください。実際の写真については PNG またはラスター形式を保持してください。トレースはロゴ、アイコン、およびフラットアート用に構築されています。

PNG to SVG — よくある質問

PNG をベクターに変換したいですか?

ここにドロップし、トレースプリセットを選択して、ぼやけることなく任意のサイズにスケーリングするクリスプな SVG をダウンロードします。