Recraftで画像をベクター化できるか：ツールの違い
RecraftはPNG、JPG、WebPをSVGに変換し、プロンプトから新しいベクターも生成できます。用途に合う方法と結果の確認を解説します。
目次
はい。Recraftは既存画像をベクター化できます。AI Image VectorizerはPNG、JPG、WebPをSVGに変換します。AI Vector Generatorは文字のプロンプトから新しいベクター画像を作ります。アップロードした画像が基準ならVectorizer、画像を新しく考えてほしいならGeneratorを使います。
どちらもベクターを出力しますが、用途は違います。生成した花はプロンプトには合っても、ロゴの花とは一致しない場合があります。ベクター化したロゴはアップロードしたマークに沿うべきですが、ぼけ、質感、色境界はトレースの解釈を受けます。
1分で選ぶRecraftのツール
- 画像がある場合： AI Image Vectorizerを使います。
- 文章で説明するアイデアがある場合： AI Vector Generatorを使います。
- 色変更や簡略化が必要な場合： 変換後もRecraftのキャンバスで続けます。
- トレースとSVGのダウンロードだけなら： 専用ツールのほうが短い工程かもしれません。
ベクター化と生成の比較
出発点の入力が、最も明確な区別です。
| 質問 | AI Image Vectorizer | AI Vector Generator |
|---|---|---|
| 入力は何か | 既存PNG、JPG、WebP | 文字のプロンプト |
| 結果は何を表すか | アップロードした画像 | プロンプトの新しい視覚的解釈 |
| 一般的な作業 | ロゴ、アイコン、スケッチ、フラットなイラストの変換 | 新しいアイコン、ポスター要素、イラストの作成 |
| 主な確認 | 重要な元の形をパスが保ったか | 生成デザインが要件に合ったか |
現在のAI Image VectorizerとAI Vector Generatorのページは相互にリンクし、この入力の違いを明記しています。AI SVG生成と画像ベクター化のガイドでも一般的な区別を説明しています。
3つ目に、ラスター画像をSVG内に置く方法がありますが、本物のベクター化ではありません。拡張子だけ変わり、ピクセルは残ります。本物のトレースはパスと形で再構築します。
Recraftでベクター化する手順
現在の工程は次のとおりです。
- 画像を準備します。 空白を切り、形にしたくない背景を除き、最もきれいな原稿を使います。
- キャンバスにアップロードかドラッグします。 現在のページはPNG、JPG、WebPを掲載しています。
- Vectorizeを選びます。 アップロード画像の変換で、プロンプト生成ではありません。
- SVGを確認します。 シルエット、小さな隙間、色領域、質感をラスターと比べます。
- 必要なら編集します。 現在のStudioのベクター化ガイドは、色数削減、色見本やスペクトルによる色変更を説明しています。
- 出力サイズを設定してSVGをダウンロードします。 実際に使うソフトで開き直します。
APIもあり、現在のAPIリファレンスはPOST /v1/images/vectorize、対応入力、リクエスト上限を説明しています。アプリや繰り返し処理には有用ですが、別の開発上の判断です。単発ならブラウザーで十分です。
Recraftに適した用途
Recraftは幅広い画像生成・編集環境です。同じキャンバスで生成、配色、背景削除、その他の画像編集の隣に変換がある場合に適しています。
次に役立ちます。
- Recraftでラスターを生成し、SVG版が必要。
- 既存アイコンを変換し、配色を減らすか変える。
- 新しい生成素材とアップロードしたブランド素材を組み合わせる。
- ベクター化が大きなRecraftの構成作業の一段階である。
- チームがラスター編集、生成、ベクター出力を1画面で行いたい。
利点は統合された工程です。すべての画像をベクターにすべきという意味ではありません。AI画像にベクター化が必要かでは、写真、絵画風、質感の強い画像に高解像度ラスターが適することが多い理由を説明しています。
専用ツールが簡単な場合
既存画像から始まりそこで終わる作業なら、専用ツールは余分な判断を減らせます。アップロードし、トレースを確認し、普段使うエディターや制作用アプリ向けにSVGを取得します。
既存ラスターの変換だけを行い、別の場所で確認・編集するならPerfectVectorが適しています。次の場合はRecraftの代替ベクター化比較を使います。
- プロンプト生成や広い画像キャンバスが不要。
- 次の工程がIllustrator、Figma、Inkscape、切断アプリ、印刷ソフト。
- 複数のツールのパス構築を比較したい。
- 後で一括処理にもなる用途を絞った手動工程が必要。
- 元画像は準備済みで、残るのはトレースだけ。
作業との適合の話で、普遍的な品質順位ではありません。同じ画像を渡し、出力パスを確認するのが有効です。あるフラットなロゴに優れるツールも、質感のあるイラストでは苦戦する場合があり、その逆も起こり得ます。
Recraftに渡す前の準備
ツールは、作品の一部と思っていない欠陥も含め、ファイル内のものに反応します。
元ファイルを使う
SNSのプレビューやスクリーンショットはすでに縮小・圧縮されています。元PNGを探し、デザインアプリから新しく書き出すか、実物を再スキャンします。良い輪郭はどのツールにも明確な判断を与えます。
偶然の背景を削除する
白い紙を消したいなら先に削除するか、後でトレースした背景を削除する予定にします。明るい・暗いキャンバスの両方で確認します。
必要なら配色を簡略化する
フラットなロゴは意図した色であるべきです。JPG圧縮やアンチエイリアスは赤い輪郭を複数の似た赤にする場合があります。先に偶然の色を減らすと通常は編集しやすくなります。
質感を残すか決める
粒、水彩のにじみ、影、写真の細部は、多くの小さな領域になります。使用先が複雑さの恩恵を受ける場合だけ残し、それ以外は元を簡略化するかラスターを使います。
慎重に拡大する
寸法を増やすためだけに小さいアイコンをぼかしません。きれいな原稿や、ピクセルアートには最近傍の拡大を使います。通常のグラフィックでは、任意の拡大より品質を失わずPNGをSVGにする原則が役立ちます。
プレビューだけでなく出力SVGを確認する
キャンバスは見た目を示し、SVGは使えるかを示します。
シルエット。 元で滑らかな曲線は滑らかで、鋭い角は意図を保つべきです。
小さな抜きの部分。 文字の穴、アイコンの隙間、細い透明の通路は簡略化で閉じる場合があります。
色一覧。 ぼけや圧縮による似た色を探します。
ノード数。 簡単な曲線に密集した点は不要です。あればSVGのノードが多すぎる理由の整理を使います。
埋め込みピクセル。 拡大し、構造を見て、表示画像が1枚の配置画像でなくパスか確認します。
使用先。 実際の印刷、ウェブ、切断、デザイン工程へ読み込み、寸法、透明度、塗り、ストローク、グループを確認します。
自動変換に助けが必要な場合
Recraftもほかのツール同様、原稿を解釈します。次は修正が増えると考えます。
- 局所的な色変化が多い写真。
- 絵画的な輪郭、紙の粒、半透明の塗り。
- 穴が狭い低解像度の文字。
- 硬い輪郭の周囲に強いJPGの乱れがある画像。
- ほぼ接する小さな装飾。
- ずれが許されない公式ロゴの形状。
- 正確な四角を保つピクセルグリッド。
準備で直せるもの、手描きが必要なもの、ラスターのままがよいものがあります。「変換できるか」と「重要なものが残るか」は別の質問です。
実用的な答え
Recraftはアップロード画像をSVGにし、プロンプトから新しいSVGを生成し、同じキャンバスで編集を続けられます。既存ラスターが重要ならImage Vectorizer、既存画像への一致より要件が重要ならVector Generatorです。
その後出力を確認します。使えるSVGは、適切なシルエット、抜きの部分、色、無駄の少ないパス、透明度、使用先の動作を持ちます。最初の案を作ったボタンより、この確認が重要です。
参考資料
- Recraft：AI Image Vectorizer — 現在のPNG、JPG、WebP対応、ブラウザーの5MB上限、SVG工程、キャンバス機能です。
- Recraft文書：ベクター化 — Studio変換、色数削減、色変更、出力の動作です。
- Recraft：AI Vector Generator — 画像トレースとは違うプロンプト生成です。
- Recraft API：エンドポイント — 変換エンドポイント、形式、寸法、リクエスト上限です。
変換だけの工程とRecraftを比べたいなら、同じラスターをRecraftの代替工程にかけ、両方のSVGを開き、上の項目でシルエット、抜きの部分、色、ノード数を比べます。
