Optimitzador i minificador SVG de franc
Elimina metadades, comprimeix espais en blanc i arrodoneix decimals per reduir dràsticament la mida del fitxer SVG — reduccions típiques del 30-70%. La previsualització visual verifica que res es trenqui.
Deixeu un fitxer aquí o feu clic per cercar-lo
SVG · processat al teu dispositiu
o premeu Ctrl+V per enganxar des del porta-retalls
Els teus fitxers no surten mai del teu dispositiu. Tot el processament es fa localment al teu navegador.
Usos habituals
- Optimitzar icones SVG per a produccióEliminar metadades desnecessàries de icones SVG abans d'enviar — reducció típica del 50-80%.
- Optimitzar logos de marca SVGReduïu la mida del fitxer del logo SVG per a una càrrega web ràpida sense sacrificar la qualitat.
- Optimitzar il·lustracions i SVG de heroiPer a il·lustracions més grans (herois, gràfics decoratius), l'optimització pot retallar el 30-70% de la mida del fitxer.
- Reduir la mida de JavaScript BundleQuan els SVG s'importen com a components React o s'incrusten al codi, la seva optimització redueix el vostre paquet JS.
- Netejar l'exportació SVG de Figma / SketchLes exportacions Figma i Sketch SVG inclouen metadades extensives. Elimineu-lo abans d'usar a producció.
Com funciona
Aquesta eina redueix la mida del fitxer SVG utilitzant un optimitzador escrit a mà que s'executa completament al teu navegador — sense biblioteques, sense servidor. Combina dues passades: el DOMParser/XMLSerializer integrat del navegador per a treball de precisió a nivell d'atribut, i substitucions dirigides d'expressió regular per eliminar comentaris, eliminar metadades, i col·lapsar espais en blanc.
- 1DOMParser sanetja l'SVGAbans de qualsevol optimització, el DOMParser del navegador llegeix l'SVG com a XML i recorre cada element. Les etiquetes de script, els gestors d'esdeveniments (qualsevol atribut on*), els elements d'animació, i les referències a URL externes s'eliminen incondicionalment — això passa independentment de quines opcions d'optimització triïs.
- 2Arrodoniment decimal basat en el DOMSi l'arrodoniment decimal està activat, l'optimitzador recorre el DOM analitzat una segona vegada i aplica l'arrodoniment només a atributs numèrics coneguts (dades d de camí, coordenades, valors de transform, amplades de traç, etc.), utilitzant una expressió regular que coincideix amb números individuals de coma flotant sense corrompre valors de camí concatenats com .5.5.
- 3Les passades d'expressió regular netegen el marcatge serialitzatXMLSerializer produeix XML normalitzat, i després reemplaçaments de cadena dirigits eliminen comentaris HTML, metadades de l'editor Inkscape/Sodipodi, la declaració XML, atributs per defecte redundants (com version="1.1"), i espais en blanc entre etiquetes — cada passada delimitada estretament perquè el contingut dels nodes de text mai es toqui.
- 4Mida gzip i formats d'exportacióL'API CompressionStream del navegador calcula les mides gzip reals tant de l'entrada com de la sortida, ja que això és el que realment determina el cost de transferència a la web. L'SVG optimitzat es pot descarregar, copiar com a SVG en brut, convertir a atributs camelCase a punt per a React JSX, o codificar com a URI de dades CSS — totes les conversions passen localment.
El teu SVG es llegeix i es processa completament dins de la pestanya del teu navegador — els bytes del fitxer mai surten del teu dispositiu.
Eines relacionades
Minificador i embellidor de CSS
Minifica CSS per reduir la mida del fitxer o embelleix CSS minificat per a la seva llegibilitat. Instantani, al teu navegador.
Compressor de GIF
Fes més petit un GIF animat: ajusta'l a un límit de mida com els 256 KB dels emoji de Discord o els 512 KB dels adhesius, o tria tu mateix els colors, l'amplada i els fotogrames. S'executa al navegador; el GIF no es puja.
Compressor de PDF
Comprimeix fitxers PDF per reduir-ne la mida. Tria un nivell de qualitat: més compressió vol dir fitxers més petits però menys fidelitat de les imatges.