SVGからAVIFへのコンバーター
オンラインで無料でSVGをAVIFに変換します。ベクター アートワークを標準画像ファイルとしてエクスポートすると、公開、共有、アップロード、プレゼンテーションが簡単になります。
| ファイル名 | サイズ | 変換先 |
|---|
ファイルと選択した出力形式を確認しています。
正しい方法でSVGをAVIFに変換します
すべての画像変換には、品質、ファイル サイズ、互換性の間で若干のトレードオフが伴います。偶然ではなく、意図的に選択を行う方法を次に示します。
-
1
SVG ファイルをドロップするか、クリックして参照します
上のドロップ ゾーンは、単一のイメージまたはバッチを受け入れます。無料枠のアップロードはファイルあたり 10 MB に制限されており、携帯電話の写真や標準的な Web 画像には十分です。 Pro は、最大 1 GB のファイルと最大 20 のバッチを一度に処理します。ファイル名は保持され、新しい拡張子が自動的に追加されます。
-
2
品質プリセットを確認します (ターゲットがサポートしている場合)
AVIF 変換は、デフォルトで合理的な中間点になります。つまり、目に見えるものが何も捨てられないほど十分に高く、ファイルのサイズが大きくなりすぎないほど十分に低いです。印刷の準備をしている場合は、より高い品質を選択してください。 Web サムネイルの場合はドロップします。ターゲット形式がロスレス (PNG、TIFF、または WebP ロスレス) の場合、品質スライダーはなく、すべてのピクセルが保持されます。
-
3
変換してダウンロード
単一のイメージの場合は数秒で、ZIP として配信されるバッチの場合は数秒で出力の準備が整います。アップロードしたソースと AVIF 出力はどちらも 30 分以内にサーバーから完全に削除されます。何も保持されず、バックアップされず、誰とも共有されません。
SVG から AVIF への変換で実際に何が起こっているのか
ソース内のピクセル データはデコードされ、生のビットマップとしてメモリに一時的に保持され、ターゲット形式のコンテナに再エンコードされます。その過程で、ソースに埋め込まれたカラー プロファイル (SVG は通常 sRGB をサポートします。一部の携帯電話のカメラはより広い色域を保存します)、両方の形式でサポートされているアルファ チャネル、および関連する EXIF メタデータを保存します。
ターゲット形式にソースが持つもの (たとえば、JPG に変換される PNG の透明度) が欠けている場合、そのデータはエンコード前に背景に平坦化されます。目に見えるピクセルが静かに失われることはありません。トレードオフが発生する場合は、その特定の形式ペアに対する最も一般的な期待がデフォルトになります。
人々が変換する前に知っておきたかったこと
- 一度失われた品質を取り戻すことはできません。 低品質の JPG をロスレス PNG に変換すると、同じ圧縮アーティファクトを保持した大きなファイルが作成されます。「改善」は想像上のものです。
- 透明性に何が起こるか見てみましょう。 アルファ チャネルのある形式 (PNG、WebP) からアルファ チャネルのない形式 (JPG) に変換すると、背景色が透明ピクセルの背後に強制的に配置されます。コミットする前に結果をプレビューします。
- 一般に共有する前に EXIF を削除してください。 カメラの写真には、GPS 位置、撮影時間、デバイス モデルが EXIF で記録されます。画像を公開する場所に投稿する場合は、変換中 (または変換後) にメタデータを削除してください。
- 可能であれば、変換する前にサイズを変更してください。 24 メガピクセルのソースは、Web サイトの 24 メガピクセル WebP である必要はありません。最初にサイズを変更してから変換します。ファイルのサイズは数分の一になり、ディスプレイ解像度での品質は同じになります。
SVG から AVIF への移行が正しい選択である場合
人々がこの転換を実行する本当の理由は、漠然としたメリットではなく、具体的な問題に基づいています。
Web サイトまたは CMS 形式の要件を満たす
WordPress は、デフォルトでは一部のソース形式を拒否します。 Squarespace、Ghost、およびほとんどの電子商取引プラットフォームには、独自の推奨画像形式があります。アップロード ボタンがグレー表示になったりエラーが発生した場合は、通常、AVIF に簡単に変換すると問題が解決します。プラグインは必要ありません。
エコシステム間での共有
一部の画像形式はエコシステム固有です。HEIC は Apple に属し、WebP は従来の Windows アプリでまだらなサポートしかありません。また、一部のツールは JPG より新しいものをまだ躊躇しています。 AVIF に変換すると、ファイルを受け取る人はファイルを開くために何もインストールする必要がなくなります。
フォームまたはポータルの送信の準備
パスポート ポータル、ビザ申請書、大学のフォーム、求人プラットフォームでは、正確な形式とファイル サイズの上限が指定されていることがよくあります。要件が AVIF の場合、これが変換です。サイズも指定した場合は、後で圧縮ツールを実行して、目標のバイト数に達します。
デザインツールに適切なフォーマットを取得する
Figma は、エクスポートされるアセットとして PNG または SVG を優先します。 InDesign では、印刷用に TIFF、EPS、または高品質 JPG が必要です。 Canva はほぼすべてのものを取り込みますが、ロスレス ソースを使用するとよりクリーンな結果が得られます。画像をツールが実際に望むものに変換すると、「なぜこれがピクセル化して見えるのか」というやり取りを回避できます。
電子メールまたはメッセージングのファイル サイズを削減する
24 メガピクセルの PNG は 20 MB 以上です。適切に圧縮された AVIF に変換すると、通常は 3 MB 未満になり、通常の画面では目に見える変化はありません。 Gmail の 25 MB 添付ファイルの上限、WhatsApp の圧縮、またはフォームの「5 MB 未満」ルールを守るのに最適です。
写真またはスキャンのアーカイブ
長期保存の場合、ピクセル完璧な品質よりも、安定して広くサポートされている形式が重要です。 「10 年以内にその時点で存在するデバイスで開くことができる」という目標がある場合、AVIF は SVG ソースのアーカイブの選択肢として合理的です。ボーナス: 1 回のパスでフォルダー全体をバッチ変換します。
すべての変換は、TLS で暗号化されたアップロード、リクエストごとに分離されたワーカー上で行われ、ソースと結果の両方が 30 分以内に自動削除されます。広告なし、有料枠のウォーターマークなし、トレーニング用にマイニングされたメタデータなし。
SVG と AVIF: 並べて表示
2 つの形式の技術的な比較 - どちらを使用するかを決定する場合、または変換中に何が変更されるかを確認する場合に役立ちます。
| プロパティ | SVG | AVIF |
|---|---|---|
| フルネーム | スケーラブルなベクター グラフィックス | AV1 画像ファイル形式 |
| 導入年 | 2001 | 2019 |
| 開発者/標準ボディ | W3C | オープンメディアのためのアライアンス |
| MIMEタイプ | 画像/SVG+XML | 画像/avif |
| ファイル拡張子 | .svg | .avif |
| 圧縮 | XML (テキストベース、gzip 圧縮可能) | 非可逆または可逆 (AV1) |
| カラー/データ深度 | ベクトル (解像度に依存しない) | 8/10/12ビット |
| 最大寸法/サイズ | 無制限 (解像度に依存しない) | 65,536 × 65,536 ピクセル |
| 透明性 | はい | はい |
| アニメーション | はい | はい |
| 規格・仕様 | W3C SVG 2 | AOMedia AV1 |
| こんな方に最適 | ロゴ、アイコン、チャートなど、損失なく拡張する必要があるものすべて | 次世代の Web 画像 — JPG より 50%、WebP より 20% 小さい |
SVG形式について
SVG (Scalable Vector Graphics) は、XML ベースのベクター画像形式です。 W3C規格 画像をピクセルのグリッドとして保存する JPEG や PNG などのラスター形式とは異なり、SVG は数学的なパス、形状、曲線を使用して画像を定義します。この根本的な違いは、SVG 画像を品質や鮮明さを損なうことなく、小さなファビコンから看板まで、あらゆるサイズに拡大縮小できることを意味します。
SVG は、ロゴ、アイコン、イラスト、グラフ、およびきれいな線と単色で構成されるグラフィックに最適です。 SVG ファイルはプレーン テキスト XML であるため、CSS でスタイルを設定したり、JavaScript で操作したり、ブラウザで直接アニメーション化したりできます。また、圧縮率も高く、多くの場合、単純なグラフィックスの同等のラスター イメージよりも小さくなります。ただし、SVG は写真や数百万色の複雑な画像には適しておらず、ラスター形式の方がはるかに効率的です。
SVGからAVIFへのよくある質問
互換性、品質、メタデータの処理、および SVG ファイルを AVIF に変換する最も一般的な理由に関する簡単な回答。
オンラインでSVGをAVIFに変換するにはどうすればよいですか?
SVG を AVIF に変換するのはなぜですか?
品質をあまり落とさずに SVG を AVIF に変換できますか?
SVGをAVIFに変換すると透明度は変わりますか?
SVG を Web サイトやソーシャル メディア用の AVIF 画像に変換するにはどうすればよいですか?
SVGをAVIFに変換するとファイルサイズは小さくなりますか？
複数の SVG ファイルを一度にバッチ変換して AVIF に変換できますか?
オンラインで SVG を AVIF に変換するのは安全ですか?
SVG から AVIF へのコンバーターのガイドと修正
SVG to AVIF Converter に関連する画像形式ガイド、透明性に関するヒント、互換性修正、およびファイル サイズに関するアドバイスをお読みください。
Web サイトのファビコンを作成する方法: ICO ファイル ガイド
Web サイトのファビコンを作成するための完全なガイド。ICO、PNG、SVG 形式、必要なサイズ、HTML 実装、および任意の画像からファビコンを生成する無料ツールをカバーしています。
画像ファイル形式の説明: 究極の変換ガイド
JPG、PNG、WebP、AVIF、HEIC、TIFF、SVG、BMP、GIF、ICO をカバーする画像ファイル形式の決定版ガイド。圧縮、品質、ユースケースを比較し、Web、印刷、写真で各形式をいつ使用するかを学びます。
Web グラフィックスの SVG と PNG: 各形式をいつ使用するか
ロゴ、アイコン、イラスト、写真をカバーする、Web グラフィック用の SVG と PNG を比較する実用的なガイド。どの形式が最高の品質、パフォーマンス、柔軟性を実現するかを学びましょう。
AVIF、WebP、JPEG XL: 次世代画像フォーマットの比較
AVIF、WebP、および JPEG XL の詳細な比較。圧縮効率、ビジュアル品質、ブラウザーの互換性、Web 開発者とデザイナーのための実際の使用例をカバーします。
WebP、AVIF、および最新の画像形式に関する写真家向けガイド
WebP と AVIF は、Web 用の最新の画像形式です。写真の変換とブラウザのサポートについて理解するための写真家向けガイド。
名刺、メニュー、チラシの QR コードを作成する方法
名刺、レストランのメニュー、イベントのチラシ、ウェブサイト用の QR コードを無料で作成します。 PNG または SVG としてダウンロードでき、サインアップは必要ありません。