無料・ブラウザ内で画像をベクトル化

AVIFをSVGに変換

AVIF画像をブラウザ内で読み込み、見えている領域を編集可能なSVGパスとして再構成します。VectorizeThisはAVIFをSVGに埋め込まず、適したトレースを比較します。

ここに画像をドラッグ

PNG、JPG/JPEG、WebP、AVIF、BMP · 最大100枚 · 各5 MB

SVG結果を選択

SVG結果を比較し、好みのものを選択してください。

AVIFをSVGに変換すると何ができますか?

AVIFは圧縮したラスター画像のピクセルを保存し、SVGは図形を保存します。読み込んだAVIFを図形や曲線として解釈することで、元のピクセル格子とは独立して編集できる、静的なベクターの近似画像を作ります。

AVIFの圧縮とベクタートレースは役割が異なる

AVIFはラスター画像を効率よく保存する形式です。SVGは図形を記述します。トレースではロゴ、アイコン、フラットなイラストから役立つ図形を再構成できますが、AVIF作成時に統合された元のデザインオブジェクトは復元できません。

豊かな色調を塗りつぶし領域に置き換える

微妙な色調やグラデーションには、多くのSVGパスが必要になることがあります。色数を減らすと図形が単純になります。多くの色を残せば元画像に近づけられますが、その分図形も増えます。

読み込んだ色と輪郭を確認する

横並びのプレビューで、境界、淡い細部、背景削除を確認してください。写真のAVIFなら「写真」または「複雑なイラスト」を選び、結果をスタイル化したベクター表現として扱います。

画像に合う色とSVGを選ぶ

パレットの色数は、白を含み、透明部分を除いた、見えているSVGの色で数えます。パレットや結果が1つなら追加の選択手順は省略されます。クリックすると選択を適用します。キーボードでは矢印キーで候補を強調し、Enterで確定します。「選択を変更」で比較画面を開き直せます。広いグレースケールや不透明度の領域は、1つの二値マスクにまとめず、別々の色として残ることがあります。

しきい値、平滑化、円、切り抜き、元画像と位置を合わせたズームについては、設定リファレンスをご覧ください。

AVIFをSVGに変換する手順

  1. 1

    AVIFファイルを追加する

    最大100個のAVIFファイルを選択またはドラッグして追加します。1ファイルあたり最大5 MBで、ブラウザ内で処理します。

  2. 2

    ベクター画像の用途を選ぶ

    Web、ロゴ、写真、Cricut、レーザーカットなどの用途を選びます。選択によって、試すトレース候補と結果のチェック方法が変わります。

  3. 3

    SVGを確認してダウンロードする

    選択肢が表示された場合は、カラーパレット、続いてSVGの結果を選びます。選択肢が1つならその手順は省略されます。プレビューを比較して必要な設定を調整し、SVGを1枚ずつ、または完了した分をまとめてダウンロードします。

AVIFをSVGに変換するVectorizeThisの特徴

本物のSVGパス

元のビットマップをSVGに埋め込むのではなく、トレースした図形を出力します。

ブラウザ内でローカル処理

変換は端末上で実行します。ベクトル化のために元画像をアップロードすることはありません。

複数の候補を比較

単色の画像は検証済みの6つの方法を比較します。カラー画像では最大4つの適したパレットと、それぞれ異なるSVGの候補を比較できます。写真と複雑なイラストでは専用の自動探索を行います。

編集可能な色の設定

対応する結果では、最初からやり直すことなく、トレースしたパレットを変更して再処理できます。

背景の処理

均一でつながった背景を検出し、結果を確認しながら削除できます。

一括処理

複数の画像を処理し、個別または一括で調整して、完成したSVGをまとめてダウンロードできます。

AVIFをSVGに変換する際のよくある質問

本物のベクタートレース、元画像の品質、編集、ブラウザ内でのローカル処理について説明します。

AVIFをSVGに変換するには?

上の欄に画像を追加して用途を選び、VectorizeThisが適したトレースを比較するまでお待ちください。SVGを確認してからコードをコピーするか、ダウンロードしてください。

AVIFをSVGに変換するのは無料ですか?

はい。アカウントの作成や料金の支払いなしで、変換ツールを使用し、SVGをダウンロードできます。

出力には本物のベクターパスが含まれますか?

はい。見えているピクセルの領域から再構成したSVGパスを出力します。元画像をそのまま埋め込む処理ではありません。

AVIFをSVGに変換すると編集可能なパスになりますか?

はい。読み込んだAVIFをSVGパスとしてトレースします。ファイル内にAVIFのバイト列を配置するものではありません。

AVIFの透明部分は保たれますか?

元画像の透明部分は、生成する図形の外側に透明なまま残せます。半透明の輪郭はトレース時に近似されるため、確認してください。

細かいAVIFをSVGに変換するとサイズが大きくなるのはなぜですか?

細かな質感や小さな色の変化には、多くの領域とパス命令が必要です。色数を減らしたり単純化を強めたりすると、複雑さを抑えられます。

どのような画像なら整ったベクター画像になりますか?

輪郭の明確なロゴ、アイコン、線画、シルエット、フラットなイラストは、通常、形の整ったトレースになります。質感、ぼかした影、グラデーション、ノイズには多くのパスが必要です。

元画像がブラウザの外へ送られますか?

ベクトル化はブラウザ内でローカル処理します。画像が送信されるのは、フィードバックフォームに自分で添付して送信した場合だけです。

変換後のSVGを編集できますか?

はい。使用可能な色見本で色を変えたり、SVGのマークアップをコピーしたり、ダウンロードしたパスを対応するベクター編集ソフトで開いたりできます。

この変換ツールの活用例

新しいWeb形式の画像

ブラウザやコンテンツ管理システムから保存したAVIF素材をベクトル化します。

圧縮したイラスト

細かな変化をどの程度残すか調整しながら、明確な色領域を再構成します。

写真のグラフィック加工

写真をパスで表現し、ポスターのような仕上がりにします。

関連するベクトル化ガイド

AVIFをSVGに変換

元画像を追加し、用途を選んで、生成したベクター画像を比較してからダウンロードしてください。

AVIFをSVGに変換