Desarrollo

Optimizador de SVG

Optimiza y minifica archivos SVG eliminando comentarios, metadatos, atributos de editor y espacios en blanco innecesarios

Con la confianza de más de 10k desarrolladores

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.

Sigue explorando

Otras herramientas de Desarrollo que te pueden gustar…

Ver todo en la categoría

¿No encuentras lo que buscas?

Creamos herramientas gratis según la comunidad. Si te falta algo para tu flujo de trabajo, ¡sugiérelo!

Optimizador de SVG

Optimization Options

SVG Optimizer

FAQ

Sigue explorando

Otras herramientas de Desarrollo que te pueden gustar…

Formateador JSON

Codificador/Decodificador Base64

Codificador/Decodificador de URL

Generador de UUID

Generador de Hash

Tester de Regex

Decodificador JWT

Formateador HTML

¿No encuentras lo que buscas?