オンラインSVGエディター

SVGコードを即座に編集・プレビュー

SVGファイルをここにドロップ

ビューポートプレビュー

SVGとは何ですか?

SVG(スケーラブル・ベクター・グラフィックス) は、インタラクティブ性とアニメーションをサポートする2次元グラフィックスのためのXMLベースのベクター画像フォーマットです。ラスター形式(JPEGやPNGなど)とは異なり、SVG画像は数学的なパスで構成されているため、品質を損なうことなく任意のサイズに拡大縮小できます。

利点

  • ピクセル化なしの無限のスケーラビリティ
  • シンプルなグラフィックスのための小さなファイルサイズ
  • 検索エンジン対応(テキストベース)
  • CSSでスタイル設定、JSでスクリプト記述が可能

このエディターの使い方は?

  • SVGコードをエディタに貼り付ける
  • .svgファイルを直接ドラッグ&ドロップ
  • パス、色、属性を編集
  • 最適化された結果をダウンロード