Any2SVG について

Any2SVG とは？

Any2SVG は、ラスター画像をブラウザ上で直接スケーラブルベクターグラフィックスに変換できる無料の画像→SVG コンバーターです。アカウント作成は不要、サブスクリプション料金もかからず、出力ファイルにウォーターマークも入りません。画像をアップロードし、必要に応じて設定を調整して、すぐに使える SVG ファイルをダウンロードするだけです。

本ツールは最も一般的なラスターフォーマットに対応しています：PNG、JPG/JPEG、WebP、GIF、BMP、TIFF、AVIF。ファイルサイズの上限は画像1枚あたり 10 MB です。出力フォーマットが SVG であるため、ビットマップを拡大した際に発生するピクセル化なしに、任意のサイズにリサイズできます。

Any2SVG は、ロゴ、アイコン、イラスト、グラフィックのベクター版を素早く必要とするすべての方のために作られています。コントラストが高く、形状が明確に定義された画像で最も効果を発揮します。写真や微妙なグラデーションを含む画像も変換できますが、結果はピクセル単位の完全な再現ではなく、スタイライズされたベクター近似となります。

画像ベクター化の仕組み

Any2SVG に画像をドロップすると、変換は3つの段階で行われます。まず、ブラウザがソースファイルを HTML Canvas エレメントにレンダリングし、ツールに生のピクセルデータを提供します。次に、そのピクセルデータが ImageTracer.js（クライアントサイド JavaScript ライブラリ）によってトレースされます。このライブラリはすべてのピクセルを検査し、類似色をグループ化し、各カラー領域の周囲にベクターパスを描画します。

トレースアルゴリズムは画像を限られたカラーパレットに量子化し、それらのカラー領域間の境界を近似する SVG パスエレメントを生成します。直線的なエッジや高コントラストの境界は、クリーンでタイトなパスに変換されます。ソフトなグラデーションや写真的なテクスチャーは、より複雑で予測しにくい結果を生み出します。

このプロセスが生成するのは元画像のベクター近似であり、1:1 の再現ではないことを理解することが重要です。ロゴ、アイコン、線画などのシンプルなグラフィックが最もクリーンな SVG を生成します。複雑な写真も変換されますが、出力はソースのスタイライズされたポスタライズ版のように見えます。ラスター画像とベクター画像の違いについて詳しくは、ラスター画像とベクター画像の比較ガイドをご覧ください。

ベクター化コントロールの解説

Any2SVG は、トレースアルゴリズムが画像をどのように解釈するかを微調整するための複数のコントロールを提供します。これらの設定を理解することで、特定の用途に最適な SVG 出力を得ることができます。

カラー数は、トレーサーが作成する異なるカラー領域の数を決定します。カラーが少ないほど、より単純で小さい SVG ファイルが生成され、形状は大まかになります。カラーが多いほど細かいディテールを捉えられますが、ファイルサイズとパスの複雑さが増加します。ロゴやアイコンには、少ないカラー数が最適な場合が多いです。

ディテールレベルは、トレースされたパスがピクセル境界にどれだけ忠実に追従するかを制御します。ディテールが高いほどカーブがタイトになりアンカーポイントが増え、精度は向上しますがファイルサイズも増加します。ディテールが低いとパスがスムーズになり、ノイズの除去にも役立ちます。

パス最適化は、冗長なポイントの削除やほぼ直線的なセグメントの直線化により、生成されたパスを簡略化します。最適化が高いほど、よりクリーンで小さいファイルが生成されます。座標精度は、パス座標が使用する小数点以下の桁数を設定します。小数点以下の桁数が少ないほどファイルは小さくなりますが、わずかな位置の丸めが生じます。

レイヤーモードは、カラー領域を重ねて配置するか並べて配置するかを決定します。ブラー前処理は、トレース前にラスター画像に軽いガウスぼかしを適用し、写真のノイズを軽減できます。オプションの viewBox 設定では、ピクセル寸法とは独立して SVG 座標系を定義できます。

ロゴに適した初期設定：少ないカラー数、高いパス最適化、中程度のディテール。トーン範囲の広いイラストの場合は、カラー数とディテールレベルを上げてください。

対応フォーマットとバッチ変換

Any2SVG は7種類のラスター画像フォーマットを入力として受け付けます：PNG、JPG/JPEG、WebP、GIF、BMP、TIFF、AVIF。各ファイルの上限は 10 MB です。出力フォーマットは常に SVG です。

バッチモードを使用して、複数の画像を一度に変換できます。複数のファイルをコンバーターに選択またはドラッグし、ベクター化設定を調整して、すべてを1回の操作で変換します。完了後、すべての結果を fflate 圧縮ライブラリを使用してブラウザ内で組み立てられた ZIP アーカイブとして一括ダウンロードできます。

変換前には、前処理ツールもご利用いただけます。リサイズ機能では、幅、高さ、正確な寸法、パーセンテージ、または一般的な画面プリセットで画像を拡縮でき、オプションのアップスケールトグルも備えています。クロップツールは、フリークロップや正方形 1:1 プリセットを含むズームとアスペクト比のコントロールを提供します。自動方向補正は EXIF の方向タグを読み取り、画像を適切に回転させるため、モバイルデバイスで撮影した写真がトレース前に正しく表示されます。

関連ガイド

画像変換を最大限に活用し、関連フォーマットを理解していただくために、記事とガイドのライブラリを拡充し続けています。このページの情報を補完する2つの記事をご紹介します：

• 画像メタデータ（EXIF）：概要、リスク、削除方法 — 写真に含まれるメタデータの種類、プライバシー上の懸念となる理由、共有や変換前に削除する方法を解説します。
• ラスター画像とベクター画像の比較 — ピクセルベースとパスベースのグラフィックスの根本的な違いと、Web 上のスケーラブルなビジュアルに SVG が推奨フォーマットである理由を学びます。