Verktøyet laster den offisielle SVGO-motoren for nettlesere først når du klikker på Optimaliser. Det bruker standardoppsettet for programtillegg, fjerner skript og hendelsesbehandlere for tryggere bruk på nettet og lar deg beholde ID-er som brukes av CSS, JavaScript, gradienter, masker eller eksterne referanser.
Optimaliser SVG gratis
Kjører helt i nettleseren - ingen opplasting, ingen registrering.
Skript og hendelsesbehandlere fjernes
Original SVG
Optimalisert SVG
Ctrl eller Command + Enter
Lim inn SVG-kode eller velg en fil for å begynne
Hva gjør SVG-optimalisering?
SVG-optimalisering reduserer størrelsen på vektorfiler ved å fjerne metadata fra redigeringsprogrammer, kommentarer, overflødige attributter og unødvendige desimaler. Lim inn koden eller velg en fil for å kjøre SVGO i nettleseren, sammenlign originalen og den optimaliserte versjonen, og kopier eller last ned den mindre SVG-filen uten å laste opp illustrasjonen.
Slik bruker du verktøyet
- 1Legg til SVG-en. Lim inn fullstendig SVG-kode, dra en lokal .svg-fil til opplastingsområdet, eller åpne det innebygde eksempelet.
- 2Velg trygge innstillinger. Angi numerisk presisjon, behold flertrinnsbehandling slått på for ekstra reduksjon, og bevar ID-er hvis annen kode viser til dem.
- 3Optimaliser og sammenlign. Kjør SVGO, og sammenlign antall byte og forhåndsvisningene av originalen og den optimaliserte versjonen.
- 4Kopier eller last ned. Kopier den kompakte koden eller last ned en ny .optimized.svg-fil uten å endre originalillustrasjonen.
Hvem passer det for
- Frontendutviklere som reduserer ikoner, logoer og illustrasjoner før de legges til på et nettsted eller i et komponentbibliotek.
- Designere som fjerner metadata og programspesifikk kode fra eksporter i Figma, Illustrator, Sketch eller Inkscape.
- Ytelsesteam som måler den nøyaktige besparelsen i UTF-8-byte før vektorressurser publiseres i en webpakke.
- Komponentutviklere som lager kompakt innebygd SVG-kode for React, Vue, Svelte eller vanlig HTML.
Vanlige spørsmål
Er SVG-optimaliseringen gratis?
Ja. Du kan optimalisere SVG-filer uten konto, betaling eller installasjon. Verktøyet viser den nøyaktige endringen i UTF-8-byte og lar deg kopiere eller laste ned resultatet direkte i nettleseren.
Lastes SVG-filen min opp til en server?
Nei. Lesing av filen, SVGO-behandling, bytemåling og forhåndsvisninger skjer lokalt i nettleseren. Verktøyet laster ikke opp logoer, ikoner eller upubliserte illustrasjoner.
Hvor stor SVG-fil kan jeg optimalisere?
Verktøyet godtar SVG-kode på opptil 5 MB. Grensen holder behandlingen rask på telefoner og vanlige bærbare datamaskiner. Svært store eksporterte illustrasjoner fungerer ofte bedre hvis du først fjerner innebygde rasterbilder eller deler illustrasjonen i mindre filer.
Kan optimalisering endre hvordan SVG-filen ser ut?
SVGO er laget for å bevare gjengivelsen mens overflødige data fjernes, men kraftig avrunding eller opprydding i ID-er kan påvirke komplekse filer. Sammenlign begge forhåndsvisningene, og test den optimaliserte SVG-filen der den faktisk skal brukes, før du erstatter en fil i produksjon.
Hva endrer desimalpresisjonen?
Desimalpresisjonen styrer hvor mange desimaler SVGO beholder i koordinater, transformasjoner og andre tallverdier. Lavere verdier sparer ofte flere byte, men kan flytte små detaljer i svært presise eller uvanlig store illustrasjoner. Tre desimaler er et godt utgangspunkt for de fleste webikoner og illustrasjoner.
Bør jeg beholde SVG-ID-er?
Behold ID-er når CSS, JavaScript, aria-attributter, gradienter, masker, filtre eller eksterne dokumenter viser til dem. For frittstående dekorative filer kan du slå av valget slik at SVGO fjerner eller forkorter ubrukte identifikatorer.
Fjerner optimaliseringen skript fra SVG-filer?
Ja. Behandlingen fjerner script-elementer, attributter for hendelsesbehandlere og JavaScript-lenker. Det gjør eksporterte filer tryggere som vanlige webbilder, men verktøyet passer ikke for SVG-programmer som er avhengige av skript.
Hva gjør flertrinnsoptimalisering?
Flertrinnsmodus lar SVGO behandle resultatet på nytt så lenge neste runde kan gjøre det mindre. Noen endringer avdekker nye muligheter for opprydding i neste runde. Den ekstra gevinsten er ofte liten fordi den første runden gir mesteparten av besparelsen.