AVIF を SVG に変換する — 無料のオンラインコンバーター

AVIF は、AV1 圧縮でピクセルベースの画像データを保存するラスター イメージ形式であるのに対し、SVG は、XML マークアップを使用して形状、パス、曲線を記述するベクトル グラフィックス形式です。 ラスター AVIF 画像をベクター SVG に変換するには、ピクセル データを幾何学的なパスにトレースする必要があります。これは根本的に異なる表現であり、明確な形状、明確な色領域、および明確なエッジを持つ画像に最適です。

トレース プロセスでは、デコードされた AVIF ピクセルを分析し、画像内のカラー領域を近似する SVG パス要素を生成します。 ロゴ、アイコン、イラストなどの単純なグラフィックは、小さい SVG ファイル サイズできれいに変換されます。 写真では、数千のパスを含む複雑な SVG ファイルが生成されますが、これらのファイルは通常、ソースよりも大きく、元の滑らかな階調グラデーションが欠けています。

SVG ファイルは解像度に依存しません。つまり、ピクセル化することなく任意のサイズに拡大縮小できます。 このため、SVG は、モバイル画面から大判の印刷物まで、あらゆる画面上で鮮明に表示する必要があるロゴ、アイコン、グラフィックスにとって理想的な形式となります。 ロゴや単純なグラフィックの AVIF バージョンがある場合、SVG に変換すると、鮮明さを失わないスケーラブルなバージョンが作成されます。

SVG は、Illustrator、Figma、Inkscape などのデザイン ツールで直接編集することもできます。 CSS または JavaScript を使用して、ベクター パスを個別に選択、色変更、形状変更、アニメーション化できます。 AVIF グラフィックを SVG に変換すると、ラスター形式では不可能なデザイン ワークフローが可能になります。

AVIF 画像はまず、Sharp によって生のピクセル バッファーにデコードされます。 次に、ピクセル データは vtracer ベクトル化エンジンによって処理され、カラー クラスタリングを実行して個別の領域を識別し、各領域の周囲の輪郭パスをトレースし、構成可能な精度でカーブ フィッティングを使用してパス ジオメトリを最適化します。 出力 SVG には、トレースされた各領域の塗りつぶし色を含む <path> 要素が含まれます。 色精度、スペックル フィルタリング、カーブ モードなどのパラメータを調整して、トレースの詳細を制御できます。