SVG(Scalable Vector Graphics)

.svg · image/svg+xml · 2001 · W3C

ベクターグラフィック——無限に拡大縮小可能。ピクセルが必要なアプリ向けにPNG/JPEGへラスタライズ。 以下はSVGが得意なこと、弱点、比較のポイント——加えて、アップロードなしでブラウザ内の無料ツールでSVGとその他の形式を相互変換する方法です。

SVGはピクセル形式ではありません。形状、パス、テキストをXMLで記述するため、どのサイズにも画質損失なく拡大できます。ウェブ上のロゴとアイコンはSVGのままが望ましいです。しかし多くのツール——オフィススイート、ECプラットフォーム、画像エディタ——はピクセルを求めます。EditItAllはブラウザ内でSVGを固有サイズの1×または2×(または指定寸法)でラスタライズし、鮮明なPNG、JPEG、WebPを書き出します。

圧縮

可逆

透明度

はい

アニメーション

はい

ブラウザ表示

すべてのブラウザ

強みと制限

強み

  • 無限にスケールでき、単純な絵なら極めて小さい
  • テキストとして編集可能、CSSでスタイル可能
  • ロゴとアイコンに最適

制限

  • ラスター画像が必要な場面では受け付けられない
  • 複雑な絵はビットマップより描画が遅い場合がある
  • ラスター→ベクターはトレースが必要で、変換ではない

得意な用途

SVGのツール

Frequently asked questions

SVGは非可逆ですか、可逆ですか?+

SVGは可逆です。すべてのピクセルを正確に保持し、画質の劣化はありません。

SVGは透明度に対応していますか?+

はい——SVGにはアルファチャンネルがあり、透明な領域を保存できます。 アニメーションにも対応しています。

ブラウザでSVGファイルを直接開けますか?+

はい——主要なブラウザはすべてSVGをネイティブ表示します。

SVGファイルを無料で開いたり変換したりするには?+

SVGファイルをEditItAllのコンバーターにドロップし、出力形式を選んでください——デコードと再エンコードはすべてブラウザ内で行われ、アップロード・アカウント・ウォーターマークは不要です。(ブラウザ内のSVGエンコーダーはないため、SVGを他の形式へ変換できますが、SVGに戻して保存することはできません。)