PNGファイルをアップロード
最大5MBのファイルを3個まで変換できます
PNGファイルをアップロード
登録して1日10回の無料変換を取得
PNGからSVGへの変換とは?
PNGからSVGへの変換は、ラスター画像を数学的な曲線と形状の集合にベクター化(トレース)するプロセスです。ラスター形式間の単純な変換とは異なり、これは質的に異なるプロセスです:ピクセルマトリックスがインテリジェントなアルゴリズムによって分析され、幾何学的プリミティブ - 線、ベジエ曲線、閉じた輪郭に変換されます。
PNG(Portable Network Graphics)は、各点の色と透明度情報を持つピクセルのグリッドとして画像を表現します。SVG(Scalable Vector Graphics)は、数学的命令のセットとして画像を記述します:「点(100, 100)を中心とした半径50の円を描く」、「指定された曲率で点A、B、Cを通る曲線を描く」。
形式間の根本的な違いがその適用分野を決定します:PNGは数百万色の写真や複雑な画像に理想的であり、SVGはスケーラビリティが重要なシャープな境界を持つグラフィックス用です。
PNGがベクター化に最適なソースである理由
圧縮アーティファクトなし
PNGはDEFLATEアルゴリズムに基づくロスレス圧縮を使用します。元の画像のすべてのピクセルが正確に保存されます - ぼかし、ブロック効果、色の歪みなし。これは高品質なベクター化に非常に重要です。
比較のために、JPGは特徴的なアーティファクトを作成する非可逆圧縮を使用します:
- ブロック効果 - 画像が境界が見える可能性のある8x8ピクセルブロックに分割される
- エッジのぼかし - コントラストのある遷移がシャープさを失う
- カラーハロー - コントラストのある要素の周りに異質なティントが現れる
- 細かいディテールの損失 - 細い線やテキストが劣化する
どのPNG画像が最もよくベクター化されるか
理想的な候補
透明背景のロゴ - クラシックなシナリオ。アルファチャンネル付きのPNGロゴは、任意の背景で任意のサイズで使用できるSVGに変換されます。
アイコンとピクトグラム - ソリッドフィルのシンプルな形状。PNGからのSVGアイコンは最小限のスペースを占め、異なるDPIの画面に完璧にスケーリングされます。
ダイアグラムとチャート - 幾何学的形状、矢印、接続線。
非推奨
写真 - アーティファクトのないPNG写真でも、数十万のパスを持つ巨大なSVGを作成します。
テクスチャのある画像 - ノイズ、粒子、布のテクスチャは点の混乱に変わります。
PNGからSVGへの変換の用途
ロゴのデジタル化
透明背景のPNGロゴをすべてのメディアで使用できる編集可能なSVGに変換
ウェブサイトアイコン作成
PNGアイコンセットを高速ロードとRetinaスクリーンでの完璧な表示のためのコンパクトなSVGに変換
Figma用グラフィック準備
デザインシステムとUIキット用の編集可能なベクター要素を取得
PNGからSVGへの変換のヒント
透明度のあるPNGを使用
透明背景のロゴは、手動で削除が必要な余分な背景要素なしにクリーンなSVGを提供します
アーティファクトのないPNGを優先
PNGとJPGのどちらかを選ぶなら - 常にPNGを選んでください。圧縮アーティファクトがないことは高品質なベクター化に重要です
ズームして結果を確認
ブラウザでSVGを開いて400%にズームしてください。輪郭が滑らかなままなら - ベクター化は成功です