개발자 도구

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 포맷터

필요한 게 없나요?