画像をSVGに変換するツールとは?
ビットマップ画像(PNG または JPG)の図形をトレースし、ベクターパスとして組み直します。出力される SVG ファイルは、ファビコンから看板まで、ぼやけやギザギザなしであらゆるサイズに拡大できます。
PopNow の変換ツールはブラウザ内で動作します。画像が端末の外に出ることはなく、無料で、変更はすべてリアルタイムにプレビューされます。元画像とベクターを800%で比較して違いをご確認ください。
PNGをSVGに変換する方法
- 画像を追加PNG、JPG、WebP をドロップするか、貼り付けるか、アセットから選択します。
- モードを選ぶロゴ・アイコン、イラスト、線画、詳細、ドット絵から選べます。色、ディテール、滑らかさを微調整でき、ドラッグするとプレビューが更新されます。
- ダウンロードSVG、ベクターPDF、または 1×、2×、4× の透過 PNG を取得できます。必要であれば先に色を変更してください。
このベクター化ツールの特長
- プライベートで無料。 変換はお使いの端末上でオープンソースのエンジンを使って行われるため、アップロードも課金もありません。
- エッジを確認できる。 スライダーで比較でき、800%まで拡大して、ダウンロード前に曲線の仕上がりを正確に確認できます。
- きれいなファイル。 ほぼ同じ色はまとめられ、細かなゴミも取り除かれるので、何千もの断片ではなく、整ったわずかな図形になります。
- すぐ使える。 透過背景、編集可能なカラーパレット、SVG・PDF・PNG の書き出しをひとつの場所で行えます。
主な用途
- ロゴ。 小さな PNG しか残っていない古いロゴを、印刷にもウェブにも使える鮮明なファイルに復元できます。
- カッティングマシン。 デザインを SVG に変換して、Cricut、Silhouette、レーザーやビニールカッターで使えます。
- アイコンとステッカー。 アプリやサイト用のベクターアイコン、どのサイズでもくっきり印刷できるステッカーアートに。
- スケッチ。 インクで描いた絵をスキャンまたは撮影し、きれいな線画にします。
よりきれいな SVG にするためのコツ
- 手元にある最も大きく鮮明な画像から始めましょう。
- 色数が少ないほど、図形も少なくすっきりします。ロゴなら 4〜8 色がおすすめです。
- 有機的で丸みのある絵には「滑らかさ」を上げ、幾何学的なロゴや文字には「角」をシャープに切り替えてください。
- 手描きの絵は「線画」を使い、細い線がきれいに出るまで「線の太さ」を調整してください。
仕組み
画像は作業サイズに縮小され、色ごとの領域にまとめられ、各領域の輪郭が滑らかな曲線でフィットされます(オープンソースのトレーサー VTracer を使用)。その後、端に接している背景を取り除き、ほぼ同じ色を統合し、ファイルがきれいに拡大縮小できるよう viewBox を追加します。より難しい画像向けの AI HD モードは近日公開予定です。
料金
ブラウザでの変換は無料で、登録も透かしもありません。近日公開予定の AI HD モードでは、開始前にボタンへクレジットの料金が表示されます。
よくある質問
このPNGからSVGへの変換ツールは無料ですか?+
はい。ブラウザ内の変換ツールは無料で、お使いの端末上で動作するため、アップロードも登録も透かしもありません。
画像はアップロードされますか?+
いいえ。ブラウザモードでは、画像はバックグラウンドのワーカーでローカルに読み込まれ、トレースされます。サーバーに送信されることはありません。
写真をSVGに変換できますか?+
詳細モードで変換できますが、写真はポスター風の色面になります。ロゴ、アイコン、イラスト、線画が最もきれいに仕上がります。
背景を透過するにはどうすればよいですか?+
ロゴ、イラスト、線画では透過背景がデフォルトでオンです。端に接している背景色が取り除かれます。「その他のオプション」でオフにできます。
変換後に色を変えられますか?+
はい。プレビューの下のパレットで任意の色をクリックすると、ファイル全体でその色が置き換わります。そのままダウンロードしてください。
どの形式でダウンロードできますか?+
SVG、ベクターPDF、そして 1×、2×、4× の PNG(透過、またはプレビューで見ている背景色付き)です。SVG のコードをコピーすることもできます。
CricutやレーザーカッターでSVGを使えますか?+
はい。「ロゴ・アイコン」か「線画」を選ぶと、少数のきれいな閉じた図形になり、Cricut Design Space、Silhouette Studio、レーザー用ソフトでそのままカットできます。「精細」は小さな図形が多くなるため、カットより印刷向きです。