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

Slip en .svg-fil eller indsæt dens kilde, behold standardindstillingerne, og sammenlign original og Optimeret størrelser. Brug derefter Hent .svg eller Kopiér for at tage det mindre resultat.

Hvad fjerner SVG-optimereren som standard?

Som standard fjerner den kommentarer, metadata inklusive title, desc og Inkscape- eller Sodipodi-data, ekstra mellemrum, overflødige standardattributter og XML-deklarationen og afrunder tal til 2 decimaler.

Hvorfor bevares element-ID'er efter optimering?

Fjern element-id-attributter er slået fra som standard, fordi CSS- eller JavaScript-animationer kan referere til disse ID'er. Slå den kun til, hvis intet på din side afhænger af dem.

Hvorfor forsvandt mine SVG-animationer?

Script-tags, on-event-attributter, eksterne referencer og SMIL-animationselementer som animate og set fjernes af sikkerhedshensyn, så den optimerede SVG er statisk.

Kan jeg bruge den optimerede SVG i React eller CSS?

Ja. Udover Kopiér og Hent .svg er der Kopier som JSX, som konverterer attributter til camelCase, og Kopier CSS-baggrund. Den Visuelle forhåndsvisning lader dig kontrollere, at den stadig gengives korrekt.

Er det virkelig gratis?

Ja. Alle værktøjer er gratis at bruge, uden konto og uden kreditkort. Arbejdet foregår på din enhed i stedet for på vores servere, hvilket er det, der gør det gratis at køre.

Bliver mine filer uploadet?

Nej. Dine filer åbnes og behandles inde i din browser og sendes ikke til LibraTool. Nogle værktøjer downloader først en behandlingsmotor eller AI-model til din browser; den download indeholder ingen af dine data.

Virker det på mobil?

Ja. Det kører i nuværende mobilbrowsere på iOS og Android, uden noget at installere. Meget store filer kan være langsomme eller løbe tør for hukommelse på en telefon, så brug en computer til dem.

✨

Gratis SVG-optimerer og -minifier

Fjern metadata, flet mellemrum og afrund decimaler for dramatisk at reducere SVG-filstørrelsen — typiske reduktioner på 30-70 %. Visuel forhåndsvisning sikrer at intet går i stykker.

Filstørrelsen afhænger af din enhedFiler forbliver privateIngen login krævetGratis for altid

Virker offline, når den er indlæst

Slip en fil her, eller klik for at vælge

SVG · behandles på din enhed

eller tryk Ctrl+V for at indsætte fra udklipsholderen

Gennemse filer

— eller indsæt SVG nedenfor —

Dine filer forlader aldrig din enhed. Al behandling sker lokalt i din browser.

Almindelige anvendelser

Optimér SVG-ikoner til produktionFjern unødvendig metadata fra ikon-SVG'er før forsendelse — typisk reduktion på 50-80%.
Optimér varemærkelogo SVG'erReducer SVG-logofil størrelse til hurtig webstedindlæsning uden at ofre kvalitet.
Optimér illustrationer og hero SVG'erFor større illustrationer (heroes, dekorative grafik) kan optimering spare 30-70% af filstørrelsen.
Reducér JavaScript Bundle-størrelseNår SVG'er importeres som React-komponenter eller indlejres i kode, optimering reducerer din JS-bundle.
Ryd Figma / Sketch SVG-eksporterFigma og Sketch SVG-eksporter indeholder omfattende metadata. Fjern det før brug i produktion.

Sådan fungerer det

Værktøjet reducerer SVG-filstørrelsen med en håndskrevet optimering, der kører udelukkende i din browser — ingen biblioteker, ingen server. Den kombinerer to gennemløb: browserens indbyggede DOMParser/XMLSerializer til præcist arbejde på attributniveau og målrettede regex-udskiftninger til fjernelse af kommentarer, metadata og overflødige blanktegn.

1
DOMParser renser SVG'en
Før optimeringen læser browserens DOMParser SVG'en som XML og gennemgår hvert element. Script-tags, hændelsesbehandlere (alle on*-attributter), animationselementer og eksterne URL-referencer fjernes ubetinget — det sker uanset hvilke optimeringsindstillinger du vælger.
2
DOM-baseret afrunding af decimaler
Er afrunding af decimaler slået til, gennemgår optimeringen den fortolkede DOM en gang til og afrunder kun kendte numeriske attributter (path d-data, koordinater, transform-værdier, stregbredder osv.) med et regex, der matcher enkelte kommatal uden at ødelægge sammenhængende stiværdier som .5.5.
3
Regex-gennemløb renser den serialiserede markup
XMLSerializer giver normaliseret XML, hvorefter målrettede strengudskiftninger fjerner HTML-kommentarer, editormetadata fra Inkscape/Sodipodi, XML-erklæringen, overflødige standardattributter (som version="1.1") og blanktegn mellem tags — hvert gennemløb er snævert afgrænset, så indhold i tekstnoder aldrig berøres.
4
Gzip-størrelse og eksportformater
Browserens CompressionStream API beregner de reelle gzip-størrelser af både input og output, da det er det, der faktisk bestemmer overførselsomkostningen på nettet. Den optimerede SVG kan downloades, kopieres som rå SVG, konverteres til camelCase-attributter klar til React JSX eller kodes som en CSS-data-URI — alle konverteringer sker lokalt.

Din SVG læses og behandles udelukkende i din browserfane — filens bytes forlader aldrig din enhed.

Relaterede værktøjer

🗜️

CSS-minifier og -formatter

Minifiér CSS for at reducere filstørrelsen eller formater minificeret CSS for læsbarhed. Øjeblikkeligt, i din browser.

Prøv det

🗜️

GIF-komprimering

Gør en animeret GIF mindre: få den under en størrelsesgrænse som Discords 256 KB til emojis eller 512 KB til stickers, eller vælg selv farver, bredde og billeder. Kører i din browser; GIF'en uploades ikke.

Prøv detFiler forbliver lokale

📄

PDF-kompressor

Komprimer PDF-filer for at reducere deres størrelse. Vælg et kvalitetsniveau — højere komprimering giver mindre filer, men lavere billedkvalitet.