SVGOMG（エスブイジーオーエムジー）

基本的な流れ

1. 提供元サイトへアクセスし、「Open SVG」をクリックして SVG ファイルをアップロードします。
   
   ※ 「Demo」をクリックすると、デモの SVG ファイルを利用できます。
   

   SVGOMG - トップページ

2. SVG ファイルが圧縮されて表示されます。
   画面下部に圧縮前サイズ、圧縮後サイズ、圧縮率が表示されます。
   ボタンをクリックすると圧縮された SVG ファイルをダウンロードできます。
   

   Demo の SVG ファイル

マークアップを表示する

• 画面上部の「IMAGE」をクリックしてイメージ表示、「MARKUP」をクリックしてマークアップ（コード）を表示できます。
  

  「MARKUP」タブ

• 画面右の「Show original」をクリックして、オリジナルのコードを表示できます。
  

  オリジナルコードの表示

• 画面右の「Prettify markup」をクリックして、きれいに見やすくしたコードを表示できます。
  

  マークアップを読みやすくきれいに表示

オプション

• をクリックすると、背景色を黒色に変更します。
  

  「Preview on vivid background」アイコンクリック時

• をクリックすると、マークアップをクリップボードにコピーします。

画面右の項目について

Global settings（全体設定）

• Show original
  オリジナルを表示します。
• Compare gzipped
  gzipした場合と比較します。
• Prettify markup
  マークアップをきれいにします。
• Precision
  スライダーを動かして 0 ～ 8 の間で精度を調整します。
  左に動かすほど精度が落ちる代わりに軽量化され、右に動かすほど精度が高い代わりに軽量化されにくくなります。
  
  ※ 初期値は 3 です。

Features（機能）

• Remove doctype
  Doctype を削除します。
• Remove XML instructions
  XML宣言を削除します。
  
  ※ 例: <?xml version="1.0" encoding="UTF-8" standalone="yes">
• Remove comments
  コメントを削除します。
• Remove <metadata>
  メタデータを削除します。
• Remove xmlns
  xmlns を削除します。
  
  ※ 本項目をオンにした場合、少なくとも Demo では正常に表示されません。
• Remove editor data
  エディターデータを削除します。
• Cleanup attribute whitespace
  ホワイトスペース属性をクリーンアップします。

更新履歴