Aquesta eina carrega el motor oficial de SVGO per a navegador només després de prémer Optimitza. Utilitza la configuració estàndard de connectors, elimina scripts i gestors d’esdeveniments per a un ús web més segur i permet conservar els ID que fan servir CSS, JavaScript, degradats, màscares o referències externes.
Comprimir SVG gratis
Funciona del tot al navegador: sense pujar res ni registrar-te.
S’eliminen els scripts i gestors d’esdeveniments
SVG original
SVG optimitzat
Ctrl o Command + Retorn
Enganxa marcatge SVG o tria un fitxer per començar
Què fa un compressor SVG?
Un compressor SVG redueix la mida dels fitxers vectorials eliminant metadades de l’editor, comentaris, atributs redundants i decimals innecessaris. Enganxa el codi o tria un fitxer per executar SVGO al navegador, compara les versions original i optimitzada i copia o baixa l’SVG més petit sense pujar el disseny.
Com s’utilitza
- 1Afegeix l’SVG. Enganxa el marcatge SVG complet, arrossega un fitxer .svg local a l’àrea de càrrega o obre l’exemple inclòs.
- 2Tria una configuració segura. Defineix la precisió numèrica, mantén activat el processament multipass per reduir més i conserva els ID si un altre codi els utilitza.
- 3Optimitza i compara. Executa SVGO i compara els bytes i les previsualitzacions de la versió original i l’optimitzada.
- 4Copia o baixa. Copia el marcatge compacte o baixa un fitxer .optimized.svg nou sense modificar el disseny original.
Per a qui és
- Desenvolupadors frontend que redueixen icones, logotips i il·lustracions abans d’afegir-los a un web o una biblioteca de components.
- Dissenyadors que netegen metadades i marcatge específic de l’editor en exportacions de Figma, Illustrator, Sketch o Inkscape.
- Equips de rendiment que mesuren l’estalvi exacte de bytes UTF-8 abans de publicar recursos vectorials en un paquet web.
- Autors de components que preparen marcatge SVG en línia compacte per a React, Vue, Svelte o HTML simple.
Preguntes freqüents
Aquest compressor SVG és gratuït?
Sí. Pots optimitzar fitxers SVG sense compte, pagament ni instal·lació. L’eina mostra el canvi exacte en bytes UTF-8 i permet copiar o baixar el resultat directament des del navegador.
El meu SVG es puja a un servidor?
No. La lectura del fitxer, el processament amb SVGO, el recompte de bytes i les previsualitzacions es fan localment al navegador. L’eina no puja logotips, icones ni dissenys que encara no s’han publicat.
Quina mida màxima pot tenir l’SVG?
L’eina accepta codi SVG de fins a 5 MB. Aquest límit manté el processament àgil en mòbils i portàtils habituals. Per a il·lustracions exportades molt grans, elimina primer les imatges de mapa de bits incrustades o divideix el disseny en fitxers més petits.
La compressió pot canviar l’aspecte de l’SVG?
SVGO està pensat per conservar la representació mentre elimina dades redundants, però un arrodoniment numèric agressiu o la neteja d’ID pot afectar fitxers complexos. Compara les dues previsualitzacions i prova l’SVG optimitzat al context real abans de substituir un recurs en producció.
Què canvia la precisió decimal?
La precisió decimal determina quants decimals conserva SVGO en coordenades, transformacions i altres valors numèrics. Els valors baixos solen estalviar més bytes, però poden desplaçar detalls molt fins en dissenys precisos o especialment grans. Tres decimals són un bon valor inicial per a la majoria d’icones i il·lustracions web.
Cal conservar els ID de l’SVG?
Conserva els ID quan CSS, JavaScript, atributs aria, degradats, màscares, filtres o documents externs hi fan referència. En fitxers decoratius independents pots desactivar l’opció perquè SVGO elimini o escurci els identificadors que no s’utilitzen.
El compressor elimina scripts dels fitxers SVG?
Sí. El procés elimina elements script, atributs de gestors d’esdeveniments i enllaços JavaScript. Els fitxers exportats són més segurs com a imatges web normals, però l’eina no és adequada per a aplicacions SVG que depenen de scripts.
Què fa l’optimització multipass?
El mode multipass permet que SVGO torni a processar el resultat mentre cada passada encara el pugui reduir. Algunes transformacions obren noves possibilitats de neteja per a la passada següent. El guany addicional sol ser petit perquè la primera passada produeix la major part de l’estalvi.