開発者ツール

SVGオプティマイザー

コメント・メタデータ・エディター属性・不要な空白を削除してSVGファイルを最適化・圧縮

1万人以上の開発者に利用されています

Optimization Options

Remove XML declarations

Strips <?xml ...?> processing instructions

Remove comments

Removes  comment nodes

Remove metadata

Removes <metadata>, <desc>, <title> elements

Remove empty attributes

Removes attr="" and attr=" " attributes

Collapse whitespace

Removes newlines between tags and collapses spaces

Remove default attribute values

Strips fill="black", opacity="1", stroke="none", etc.

Remove unused defs

Removes empty or unpopulated <defs> blocks

Round numbers

Reduces decimal precision to 2 places

Remove editor attributes

Removes inkscape:*, sodipodi:*, data-name attributes

Original

1.1 KB

Optimized

358 B

Reduction

69.2%

Input SVG

<?xml version="1.0" encoding="UTF-8"?>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.0.dtd" width="200" height="200" viewBox="0 0 200 200" fill="black" opacity="1" overflow="visible">
  <metadata>
    <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
      <rdf:Description rdf:about="">
        <dc:creator>Inkscape User</dc:creator>
      </rdf:Description>
    </rdf:RDF>
  </metadata>
  <title>My Icon</title>
  <desc>A simple icon created in Inkscape</desc>
  <defs>
    <style>.unused{}</style>
  </defs>
  <circle cx="100.000000" cy="100.000000" r="80.000000" fill="#4F46E5" stroke="none" display="inline" visibility="visible" data-name="main-circle" inkscape:label="circle" sodipodi:nodetypes="c" />
  <rect x="60.123456" y="60.789012" width="80.456789" height="80.123456" rx="8.000000" fill="#FFFFFF" opacity="1" id="Layer_1" />
  <path d="M 100.000000,40.000000 L 130.000000,80.000000 L 70.000000,80.000000 Z" fill="#F59E0B" stroke="none" empty-attr="" />
</svg>

Optimized SVG

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><defs><style>.unused{}</style></defs><circle cx="100.00" cy="100.00" r="80.00" fill="#4F46E5" /><rect x="60.12" y="60.79" width="80.46" height="80.12" rx="8.00" fill="#FFFFFF" /><path d="M 100.00,40.00 L 130.00,80.00 L 70.00,80.00 Z" fill="#F59E0B" empty-attr="" /></svg>

SVG Preview

SVG Optimizer

Optimize and minify SVG files by removing editor metadata, comments, hidden layers, and unnecessary attributes. Reduces SVG file size by 40–80% without any visual difference.

FAQ

Why optimize SVGs?

SVGs exported from Illustrator, Figma, or Inkscape contain lots of editor metadata that inflates file size. Optimizing makes pages load faster and reduces bandwidth.

Will optimization change how my SVG looks?

No — the optimizer only removes invisible data. Paths, shapes, colors, and animations are preserved.

What is the difference between SVG and PNG?

SVG is vector-based and scales infinitely without pixelation — ideal for logos and icons. PNG is raster and has a fixed resolution. SVGs are usually much smaller for simple graphics.

SVGオプティマイザー

Optimization Options

SVG Optimizer

FAQ

さらに探す

おすすめのその他の開発者ツール…

JSONフォーマッター

Base64エンコーダー/デコーダー

URLエンコーダー/デコーダー

UUIDジェネレーター

ハッシュジェネレーター

正規表現テスター

JWTデコーダー

HTMLフォーマッター

お探しのツールはありますか？

SVGオプティマイザー

Optimization Options

SVG Optimizer

FAQ

さらに探す

おすすめのその他の 開発者ツール…

JSONフォーマッター

Base64エンコーダー/デコーダー

URLエンコーダー/デコーダー

UUIDジェネレーター

ハッシュジェネレーター

正規表現テスター

JWTデコーダー

HTMLフォーマッター

お探しのツールはありますか？

おすすめのその他の開発者ツール…