クリックしてアップロード、または PNG のロゴ・アイコン・イラストをドロップ
PNG(JPG、WebP、GIF も可)— ブラウザ内でトレースされ、アップロードはされません。PNG を SVG に変換するということ
PNG はピクセルでできています。拡大すると、輪郭がぼやけてギザギザになります。SVG は線・曲線・塗りといった図形でできているので、どんな大きさでもくっきりします。名刺でも、Tシャツでも、大きなバナーでも同じです。
このツールは PNG をトレースします。色ごとの領域を見つけ、なめらかなベクター図形として描き直します。出てくるのは本物の SVG で、拡大縮小したり、ベクターソフトで編集したり、カッティングマシンに送ったりできます。
すべてブラウザの中で処理されます。画像がアップロードされることはありません。
機能
- 本物のベクター出力 — 図形と曲線で、SVG ファイルに PNG を包んだだけのものではありません
- 3 つの出発点 — ロゴ・アイコン、線画、細かいイラスト
- 色は自分で決められます — 色が少ないほど、図形がきれいになります
- 背景を除く — 白や単色の背景を捨てて、透明な SVG にします
- なめらかさと細部 — ギザギザの輪郭を丸めたり、小さな細部を残したりできます
- 並べて比較 — ダウンロード前に PNG と SVG を見比べられます
- ダウンロードまたはコピー — .svg ファイルを保存するか、コードをコピーします
PNG から SVG への変換が向いているもの
- 少ないべた塗りの色でできたロゴやアイコン
- 線画、サイン、手描きのスケッチ
- カッティングマシン(ビニール、紙、ステンシル)用の文字やレタリング
- シンプルなクリップアートやステッカー
写真には向いていません。写真には何百万もの色があるので、トレースすると小さな色のかたまりが数千個できます。PNG よりくっきりしない、巨大なファイルになります。
きれいにトレースするコツ
- 手元にあるいちばん大きく、いちばん鮮明な PNG から始めてください。小さくぼやけたロゴは、図形がゆがみます。
- ロゴ・アイコンを選び、色の数をロゴの実際の色数まで下げます。
- 白い背景のロゴは背景を除くにチェックを入れると、SVG が透明になります。
- ダウンロードの前に、SVG 側を拡大して輪郭を確かめてください。
使い方
- クリックしてアップロードを押すか、PNG を枠にドロップします
- 何の画像かを選びます:ロゴ・アイコン、線画、細かいイラスト
- 色の数を決め、必要なら背景を除くにチェックを入れます
- SVG に変換を押して、2 つの画像を見比べます
- SVG をダウンロード、または SVG コードをコピーを押します
よくある質問
SVG は本物のベクターですか?
はい。ツールは PNG をベクターのパスにトレースします。SVG はどんな大きさにも拡大縮小でき、ベクターエディタで色を変えたり、カッティングマシンで使ったりできます。
透過 PNG を SVG に変換できますか?
はい。透明な部分は SVG でも空のままです。白い背景の PNG は、背景を除くにチェックを入れると背景を捨てられます。
Cricut など、カッティングマシンで使えますか?
はい、シンプルな画像なら使えます。レタリング、ロゴ、線画などです。色を少なくして、図形を確かめてください。カッティングソフトが .svg ファイルを読み込みます。
SVG ファイルがとても大きいのはなぜですか?
画像の細部が多すぎるか、色が多すぎます。たいていは写真です。色の数を減らすか、もっとシンプルな画像を使ってください。
関連ツール
- 画像を SVG に変換 — 同じトレースツールで、JPG、WebP、GIF にも対応
- SVG を PNG に — 逆方向、SVG を PNG に戻す
- SVG の色を変える — できあがった SVG の色を変える
- 背景を削除 — 先に背景を切り抜く
- ステンシルメーカー — 文字や写真をカット用のステンシルにする