Optimizador e minificador de SVG de balde
Elimina metadatos, colapsa espazos en branco e redondea decimais para reducir drásticamente o tamaño do ficheiro SVG — reducións típicas do 30-70%. A previsualización visual verifica que nada se rompe.
Solta aquí un ficheiro ou fai clic para buscalo
SVG · procesado no teu dispositivo
ou preme Ctrl+V para pegar desde o portapapeis
Os teus ficheiros nunca saen do teu dispositivo. Todo o procesamento realízase localmente no teu navegador.
Usos habituais
- Optimiza Iconas SVG para ProduciónElimina metadatos innecesarios das iconas SVG antes de enviar - redución típica do 50-80%.
- Optimiza SVGs de Logo de MarcaReduce o tamaño do ficheiro SVG do logo para cargas máis rápidas do sitio sen sacrificar calidade.
- Optimiza Ilustracións e Hero SVGsPara ilustracións máis grandes (heroe, gráficos decorativos), a optimización pode reducir o tamaño do ficheiro en 30-70%.
- Reduce o Tamaño do Bundle de JavaScriptCando os SVGs se importan como compoñentes React ou se poñen en liña no código, a optimización encolla o bundle de JS.
- Limpa as Exportacións SVG de Figma / SketchAs exportacións SVG de Figma e Sketch inclúen metadatos extensos. Elimínaos antes de usar en produción.
Como funciona
Esta ferramenta reduce o tamaño do ficheiro SVG usando un optimizador escrito a man que se executa enteiramente no teu navegador — sen bibliotecas, sen servidor. Combina dúas pasadas: o DOMParser/XMLSerializer integrado do navegador para traballo de precisión a nivel de atributo, e substitucións de expresión regular dirixidas para eliminación de comentarios, eliminación de metadatos e redución de espazos en branco.
- 1DOMParser sanitiza o SVGAntes de calquera optimización, o DOMParser do navegador le o SVG como XML e percorre cada elemento. As etiquetas de script, os manexadores de eventos (calquera atributo on*), os elementos de animación e as referencias a URLs externas elimínanse incondicionalmente — isto execútase independentemente das opcións de optimización que escollas.
- 2Redondeo decimal baseado en DOMSe o redondeo decimal está activado, o optimizador percorre a DOM analizada unha segunda vez e aplica o redondeo só a atributos numéricos coñecidos (datos d de ruta, coordenadas, valores de transform, anchos de trazo, etc.), usando unha expresión regular que coincide con números de coma flotante individuais sen corromper valores de ruta concatenados como .5.5.
- 3As pasadas de expresión regular limpan o marcado serializadoXMLSerializer produce XML normalizado, e despois substitucións de cadea dirixidas eliminan comentarios HTML, metadatos do editor Inkscape/Sodipodi, a declaración XML, atributos por defecto redundantes (como version="1.1"), e espazo en branco entre etiquetas — cada pasada limitada estreitamente para que o contido do nó de texto nunca se toque.
- 4Tamaño gzip e formatos de exportaciónA API CompressionStream do navegador calcula os tamaños gzip reais tanto da entrada como da saída, xa que iso é o que realmente determina o custo de transferencia na web. O SVG optimizado pódese descargar, copiar como SVG en bruto, converter a atributos camelCase listos para React JSX, ou codificar como un URI de datos CSS — todas as conversións ocorren localmente.
O teu SVG lese e procésase enteiramente dentro da túa pestana do navegador — os bytes do ficheiro nunca saen do teu dispositivo.
Ferramentas relacionadas
Minificador e embellecedor de CSS
Minifica CSS para reducir o tamaño do ficheiro ou embellece CSS minificado para a súa lexibilidade. Instantáneo, no teu navegador.
Compresor de GIF
Fai máis pequeno un GIF animado: axústao a un límite de tamaño, como os 256 KB dos emojis de Discord ou os 512 KB dos stickers, ou escolle ti as cores, o ancho e os fotogramas. Funciona no navegador; o GIF non se sube.
Compresor de PDF
Comprime ficheiros PDF para reducir o seu tamaño. Escolle un nivel de calidade: unha compresión maior significa ficheiros máis pequenos pero menos fidelidade nas imaxes.