PNGをSVGに変換。または、新しく作る。

png2svg.artは、PNG、JPG、WebP、HEICを編集できるSVGパスにトレースし、ロゴ、アイコンセット、ステッカー、バッジ、ロゴタイプ、マスコットを作ります。さらに、アプリやサイト、ブランド用のファイルに仕上げます。

画像をアップロード

PNG・JPG・WebP・HEIC・最大25MB・複数まとめてドロップできます

プレビューは透かし入りで無料。透かしなしのSVGは1クレジットです。

またはAIで作成

1セット1クレジット。開始前にボタンに表示されます。 新規アカウントには無料3クレジットが付きます。

実際の仕上がりを、使われる場面でお見せします。

png2svg.artで、私たち自身の説明から作りました。周りのアプリはイメージ用のコンセプトです。

アプリ用のアイコンファミリー

1つのリストから、同じスタイルのアイコンを9個。それぞれ個別のSVGです。

このようなアイコンセットを作る

習慣トラッカーの実績バッジ

1つの説明から、それぞれ違う言葉が入ったバッジを9個。ロック状態のバージョンもセットに含まれます。

このようなバッジを作る

キャラクターとそのステッカー

1匹の猫から、キャプション付きのステッカーを9枚。白いフチ付きで切り抜かれています。

このようなステッカーセットを作る

ほかの作例

手持ちの素材から始めて、すぐ使えるファイルに仕上げる。

ピクセルではなく、パスで。PNGを編集できるベクターにトレース。

このページのために描いたPNGを、初期設定のままトレースしました。手作業での修正はしていません。

変換前と変換後

境界線をドラッグしてみてください。拡大するとPNGはギザギザになり、SVGはくっきりしたままです。

サンプルのバッジ(140pxのPNG)を拡大:輪郭がギザギザにトレースしたSVGの同じバッジ:このサイズでも輪郭はくっきり
PNG 140 × 140 px · 10.1 KBSVG 4個のパス · 4色 · 1.2 KB

形ごとに独立したパス

オブジェクトごとにグループ化されているので、一部だけを非表示にしたり、移動したり、色を変えたりできます。

SVGエディターで色を変更

レイヤー4個のパス

  • パス1#3B6CD64個のノード
  • パス2#F4EDE010個のノード
  • パス3#1B26427個のノード
  • パス4#EF6E5018個のノード

すべてのツールを、用途別にまとめました。

すべてのツール

作った分だけお支払い。すべてのツールで使える、ひとつのクレジット残高。

変換

10分遅れます結果全体を透かし入りで
無料
透かしなしのSVGのロックを解除
1クレジット
ロゴを1つ手直しプレビュー無料
1クレジット

作成

ロゴのアイデア4つ
1クレジット
変換をプレビュー
1クレジット
作ったロゴのSVG
追加料金なし
アイコンセット変更ラウンド3回まで込み、以降は1回1クレジット
1クレジット
ステッカーセット変更ラウンド3回まで込み、以降は1回1クレジット
1クレジット
バッジ、またはバッジセット変更ラウンド3回まで込み、以降は1回1クレジット
1クレジット

プロジェクトで使う

アプリアイコン、favicon、Android用ファイル、iOS用ファイル手持ちのSVGから
無料
ブランドキットすべてのファイルを1つのZIPに
2クレジット
もう一度ダウンロードファイルの保存期間中
無料
  • プレビュー

    無料

    結果全体を透かし入りで。

    • ゲストは1日5回
    • 確認済みのアカウントは1日100回
    • 失敗した処理に料金はかかりません
    画像をアップロード
  • 25クレジット

    $6.99一回払い · 税抜

    一回払い。

    • 1クレジットあたり$0.28
    • どのツールにも使えます
    • 購入したクレジットに有効期限はありません
    25クレジットを購入
  • 100クレジット

    $19.99一回払い · 税抜

    一回払い。

    • 1クレジットあたり$0.20
    • どのツールにも使えます
    • 購入したクレジットに有効期限はありません
    100クレジットを購入
  • 年間プラン

    $49.00/年 · 税抜

    毎月25クレジット、年1回払い。

    • 月あたり約$4.08
    • 購入したクレジットに有効期限はありません
    • 更新はいつでもキャンセルできます。支払い済みの1年間はそのまま使えます
    年間プランを見る

プランを比較

どんな仕上がりになるか、アップロード前に確認。

ガイド

ロゴ・アイコン・ステッカーをきれいなSVGにする説明の書き方

描くものは具体的に、ロゴ1つにアイデア1つ、アイコン1つにモノ1つ。スタイルは短くわかりやすい言葉で一度だけ書き、色は3色までにします。文字にしたい言葉は引用符で囲んで短く。グラデーション、写真のような光、細かい質感、小さすぎる細部など、ベクターで表せないものは書かないこと。こうして書いた説明からは、そろったセットと、少数のきれいなパスにトレースできるファイ…

ガイドを読む
ガイド

写真をトレースするとポスターのようになる理由

写真には微妙に異なる何百万もの色があり、はっきりした輪郭がありません。トレースの最初のステップでは画像を最大24色の平坦な色に減らすため、なめらかな色の移り変わりはすべて2つの帯の境界になります。これがポスタリゼーション(ポスター調)です。色数を増やしても、帯が細かく増えるだけで、写真のような仕上がりにはなりません。トレースはロゴ、アイコン、イラスト向けです…

ガイドを読む
ガイド

SVGはベクターファイル?パスとピクセルの違い

たいていはそうですが、いつもではありません。SVGは、絵をパスで描いていればベクターファイルですが、PNGを<image>要素で包んでいるだけなら、見た目だけのラスター画像で、拡大するとぼやけます。本当のPNGからSVGへの変換では、絵を塗り色付きの閉じたパスとして作り直すので、ぼやけずに拡大でき、図形ごとに編集できます。png2svg.artが出力するのは…

ガイドを読む

すべてのガイド

よくある質問

無料ですか?

変換のプレビューは無料です。画像をアップロードすれば、登録なしで透かし入りの結果全体を確認できます(ゲストは1日5回まで)。透かしなしのSVGは1クレジットです。ロゴ、アイコンセット、ステッカー、バッジの作成にはセットごとにクレジットがかかり、料金は開始前にボタンに表示されます。新規アカウントには無料3クレジットが付きます。

きれいに変換できるのはどんな画像ですか?

ロゴ、アイコン、線画、フラットなイラストなど、限られた数の平坦な色でできた画像です。写真やなめらかなグラデーションは忠実には再現されず、ポスタリゼーションされた平坦な色の領域になります。

SVGはベクターファイルですか?

はい、パスでできていればベクターです。SVGは形をアウトラインと塗りで表すので、どのサイズでもくっきりしたままです。変換ツールの中には元のPNGをSVGファイルに埋め込むだけのものもあり、その場合は拡大するとぼやけます。png2svg.artの結果は、ビットマップが埋め込まれておらずベクターパスだけでできていることを毎回確認しています。見分け方。

透明な背景はそのまま残りますか?

はい。PNGやWebPの透明な部分は透明のまま残り、SVGに背景の四角形は付きません。JPGには透明部分がないので、「背景を削除」をオンにすると単色の背景を除けます。透明部分について詳しく。

SVGは何色まで使えますか?

2〜24色。スライダーで設定するのは上限で、フラットな作品なら実際に使われている色だけが残ります。「標準」プリセットは8色から始まります。色数の選び方。

ChatGPTでSVGファイルは作れますか?

SVGはテキストなので、ChatGPTでも簡単な図形ならSVGコードを書けます。ただし、ChatGPTやMidjourney、Geminiが生成する画像はラスター画像で、ピクセルでできたPNG、JPG、WebPファイルです。フラットな雰囲気のAI画像をベクターのパスにするなら、ここでトレースしてください。トレース自体はAIではありません。AI画像をSVGに変換。

何をアップロードでき、何が手に入りますか?

最大25MBのPNG、JPG、WebP、HEICファイルに対応しています。塗りつぶしのベクターパスでできたSVGが手に入ります。ロックを解除した結果は、ベクターエディターからPNGでも書き出せます。

SVGは商用利用できますか?

作品について元々お持ちの権利はそのままです。特にデザインを販売したりグッズに印刷したりする場合は、元画像を使う許可があることを確認してください。

ファイルはいつまで保存されますか?

ゲストのアップロードとプレビューは24時間後に削除されます。アカウント内のファイルは30日間保存され、正確な削除日時は各ファイルに表示されます。クレジットに有効期限はありませんが、保存されたファイルには期限があります。

ラフな画像から、きれいなベクターへ。

PNG、JPG、WebP、HEICをドロップすれば、1クレジットを使う前にトレース結果の全体を確認できます。

画像をアップロード