Hvordan reduserer jeg størrelsen på en SVG-fil?

Slipp en .svg-fil eller lim inn kildekoden, behold standardalternativene, og sammenlign Opprinnelig og Optimert størrelse. Bruk deretter Last ned .svg eller Kopier for å ta det mindre resultatet.

Hva fjerner SVG-optimalisereren som standard?

Som standard fjerner den kommentarer, metadata inkludert title, desc og Inkscape- eller Sodipodi-data, ekstra mellomrom, overflødige standardattributter og XML-deklarasjonen, og runder av tall til 2 desimaler.

Hvorfor beholdes element-ID-er etter optimalisering?

Fjern element-id-attributter er slått av som standard fordi CSS- eller JavaScript-animasjoner kan referere til disse ID-ene. Slå det på bare hvis ingenting på siden din er avhengig av dem.

Hvorfor forsvant SVG-animasjonene mine?

Script-tagger, on-event-attributter, eksterne referanser og SMIL-animasjonselementer som animate og set fjernes av sikkerhetsgrunner, slik at den optimaliserte SVG-en er statisk.

Kan jeg bruke den optimaliserte SVG-en i React eller CSS?

Ja. I tillegg til Kopier og Last ned .svg finnes det Kopier som JSX, som konverterer attributter til camelCase, og Kopier CSS-bakgrunn. Den visuelle forhåndsvisningen lar deg sjekke at den fortsatt gjengis riktig.

Er det virkelig gratis?

Ja. Alle verktøy er gratis å bruke, uten konto og uten kredittkort. Arbeidet utføres på enheten din i stedet for på våre servere, noe som gjør det gratis å kjøre.

Lastes filene mine opp?

Nei. Filene dine åpnes og behandles i nettleseren din og sendes ikke til LibraTool. Noen verktøy laster først ned en behandlingsmotor eller AI-modell til nettleseren din; den nedlastingen inneholder ingen data fra deg.

Fungerer det på mobil?

Ja. Det fungerer i moderne mobilnettlesere på iOS og Android, uten at du trenger å installere noe. Svært store filer kan gå tregt eller gå tom for minne på en telefon, så bruk en datamaskin til dem.

✨

Gratis SVG-optimaliserer og -minifiserer

Fjern metadata, slå sammen mellomrom og rund desimaler for å redusere SVG-filstørrelsen dramatisk — typiske reduksjoner på 30–70 %. Visuell forhåndsvisning bekrefter at ingenting ødelegges.

Filstørrelsen avhenger av enheten dinFiler forblir privateIngen pålogging krevesGratis for alltid

Fungerer uten nett når den er lastet

Slipp en fil her, eller klikk for å bla

SVG · behandles på enheten din

eller trykk Ctrl+V for å lime inn fra utklippstavlen

Bla gjennom filer

— eller lim inn SVG nedenfor —

Filene dine forlater aldri enheten. All behandling skjer lokalt i nettleseren din.

Vanlige bruksområder

Optimiser SVG-ikoner for produksjonFjern unødvendig metadata fra ikon-SVG-er før forsendelse — typisk reduksjon på 50-80%.
Optimiser merkevareloge SVG-erReduser SVG-logofilstørrelse for raskt nettstedlasting uten å ofre kvalitet.
Optimiser illustrasjoner og hero SVG-erFor større illustrasjoner (heroes, dekorative grafikk) kan optimering spare 30-70% av filstørrelsen.
Reduser JavaScript Bundle-størrelseNår SVG-er importeres som React-komponenter eller bygges inn i kode, reduserer optimering din JS-bundle.
Rens Figma / Sketch SVG-exporterFigma og Sketch SVG-exporter inkluderer omfattende metadata. Fjern det før bruk i produksjon.

Hvordan det fungerer

Verktøyet reduserer SVG-filstørrelsen med en håndskrevet optimaliserer som kjører helt i nettleseren — ingen biblioteker, ingen server. Den kombinerer to runder: nettleserens innebygde DOMParser/XMLSerializer for presisjonsarbeid på attributtnivå, og målrettede regex-erstatninger for å fjerne kommentarer og metadata og slå sammen mellomrom.

1
DOMParser renser SVG-en
Før noen optimalisering leser nettleserens DOMParser SVG-en som XML og går gjennom hvert element. Script-tagger, hendelsesbehandlere (alle on*-attributter), animasjonselementer og eksterne URL-referanser fjernes uten unntak — dette kjører uansett hvilke optimaliseringsvalg du tar.
2
DOM-basert avrunding av desimaler
Er desimalavrunding på, går optimalisereren gjennom den tolkede DOM-en en gang til og avrunder bare kjente numeriske attributter (path d-data, koordinater, transform-verdier, strekbredder osv.), med et regex som matcher enkeltvise flyttall uten å ødelegge sammenhengende baneverdier som .5.5.
3
Regex-runder rydder den serialiserte koden
XMLSerializer gir normalisert XML, og deretter fjerner målrettede strengerstatninger HTML-kommentarer, redigeringsmetadata fra Inkscape/Sodipodi, XML-deklarasjonen, overflødige standardattributter (som version="1.1") og mellomrom mellom tagger — hver runde er snevert avgrenset, så innhold i tekstnoder aldri berøres.
4
Gzip-størrelse og eksportformater
Nettleserens CompressionStream-API beregner de faktiske gzip-størrelsene for både inndata og utdata, siden det er det som faktisk avgjør overføringskostnaden på nettet. Den optimaliserte SVG-en kan lastes ned, kopieres som rå SVG, gjøres om til camelCase-attributter klare for React JSX eller kodes som en CSS-data-URI — alle konverteringer skjer lokalt.

SVG-en din leses og behandles helt i nettleserfanen — filbytene forlater aldri enheten.

Relaterte verktøy

🗜️

CSS-minifiserer og -formaterer

Minifiser CSS for å redusere filstørrelsen, eller formater minifisert CSS for lesbarhet. Øyeblikkelig, i nettleseren.

Prøv det

🗜️

GIF-komprimering

Gjør en animert GIF mindre: få den under en størrelsesgrense, for eksempel Discords 256 KB for emojier eller 512 KB for klistremerker, eller velg farger, bredde og bilder selv. Kjører i nettleseren; GIF-en lastes ikke opp.

Prøv detFiler forblir lokale

📄

PDF-kompressor

Komprimer PDF-filer for å redusere størrelsen. Velg et kvalitetsnivå — høyere komprimering gir mindre filer, men lavere bildekvalitet.