Développement

Optimiseur SVG

Optimisez et minifiez les fichiers SVG en supprimant les commentaires, métadonnées, attributs d'éditeur et espaces blancs inutiles

Plébiscité par plus de 10k développeurs

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.

Continuer à explorer

Autres outils Développement qui pourraient vous plaire…

Tout voir dans la catégorie

Vous ne trouvez pas ce qu'il vous faut ?

Nous créons des outils gratuits grâce aux retours de la communauté. Proposez l'utilitaire qui vous manque !

Optimiseur SVG

Optimization Options

SVG Optimizer

FAQ

Continuer à explorer

Autres outils Développement qui pourraient vous plaire…

Formateur JSON

Encodeur/Décodeur Base64

Encodeur/Décodeur URL

Générateur d'UUID

Générateur de Hash

Testeur de Regex

Décodeur JWT

Formateur HTML

Vous ne trouvez pas ce qu'il vous faut ?