使い方
- PNG、JPG、WebP、GIF の画像を選ぶかドロップします。
- 「カラー」か「白黒」を選び、カラーの場合は色数を選びます。
- SVG の見え方が良くなるまで、「細かさ」と「これより小さい点を除去」を調整します。
- 「SVG をダウンロード」または「SVG コードをコピー」を選びます。
オプションの説明
- 色数
- 色ごとに図形のレイヤーが1つできます。ロゴなら通常2〜8色で足ります。色数を増やすと陰影が残りますが、ファイルは大きくなります。
- 細かさ
- 高いほど元の輪郭に忠実になり、低いほどなめらかで単純な曲線になり、ファイルも小さくなります。
- これより小さい点を除去
- ノイズや JPEG のブロックノイズで生じる、ごく小さな図形を取り除きます。
よくある画像向けの設定
| 画像 | モード | 色数 | 細かさ | これより小さい点を除去 |
|---|---|---|---|---|
| 2 色のロゴやアイコン | カラー | 2〜4 | 既定 (60) | 既定 (8 px) |
| グラデーションや陰影のあるロゴ | カラー | 8〜16 | 60〜80 | 4〜8 px |
| スキャンした署名や手書き | 白黒 | — | 60〜80 | 8〜16 px (紙の質感を除くため) |
| 線画やクリップアート | 白黒、または色数 4〜8 のカラー | — | 70〜90 | 4〜8 px |
| 写真 | カラー | 16〜32 | 40〜60 | 16 px 以上。ポスター風の仕上がりになります |
長辺が 1000 px を超える画像は、処理を速くするため、トレースの前に 1000 px に縮小されます。SVG は、その後どんなサイズに拡大縮小しても鮮明さを保てます。
SVG に変換する理由
印刷と看板。 SVG のロゴは、ピクセルではなく図形でできているので、名刺やバナーにくっきり印刷されます。
ウェブサイトとアプリ。 小さな SVG アイコンは、高解像度の画面でも鮮明で、CSS で色を変えられます。
カッティングマシン。 Cricut、Silhouette、レーザーカッターはベクターのパスに従います。トレースした白黒のデザインを、そのまま読み込めます。
よくある質問
写真にも使えますか？
動作はしますが、結果はベタ塗りの色面になったポスターのような見た目になります。ベクター化は、ロゴ、アイコン、線画、文字に向いています。
ファイルが大きくなるのはなぜですか？
色数が多い、細かさが高い、ノイズが多い画像だと、数千もの図形ができるためです。色数や細かさを下げるか、除去する点のサイズを上げてください。
画像はアップロードされますか？
いいえ。ブラウザー内でトレースされます。
プライバシー
このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。