Utiliome

SVG-optimaliserer

Minify og rydd SVG-vektorfiler opptil 80 % ved å fjerne editor-bloat, avrunde flyttall i baner og slå sammen mellomrom — 100 % lokalt i nettleseren.

Ingen opplastingerIngen påmeldingPartibehandling
Opptil 80 % mindreKoordinatnøyaktighetFør/etterBatch ZIP
Last ned
Frakoblet motor klar100 % privat arbeidsområde i nettleseren • Null opplastinger til skyen
Verktøy du kanskje også trenger

Relaterte verktøy

Konverter SVG til PNG

Konverter øyeblikkelig dine SVG vektorbilder til høykvalitets PNG-format direkte i nettleseren din.

Favicon-generator

Lag en komplett favicon-pakke fra PNG, SVG, JPG eller WebP. Inkluderer ICO, Apple Touch-ikon, PWA-ikoner og HTML-tagger.

ICO-generator

Konverter PNG, SVG, JPG eller WebP til Windows .ICO med flere oppløsninger. 16×16 til 256×256 i 32-bit RGBA. 100 % lokalt i nettleseren.

Bilde til Base64-omformer

Konverter bilder til Base64 data-URIer eller dekod Base64 strenger tilbake til bilder direkte i nettleseren din.

Komprimer bilde

Reduser bildets filstørrelse betydelig (JPG, PNG, WebP) uten å miste visuell kvalitet.

Endre bildestørrelse

Endre bildedimensjoner og skaler opp eller ned lokalt i nettleseren din.

100 % privat • Ingen filserveropplasting

Hvorfor bruke Utiliomes SVGO-vektoroptimaliserer på klientsiden?

Bygget fra grunnen av for strengt personvern, umiddelbar utførelse og null friksjon. Ingen abonnementer, betalingsmurer eller kontoregistreringer kreves.

Avrunding av koordinatdesimaler

Rund verbose 6-desimale Bezier-banekoordinater (d="M12.345678...") ned til 1–5 desimaler, og kutter 50–75 % av rå vektorbytestørrelse uten synlig forvrengning.

Fjerner Figma, Illustrator og Inkscape-oppblåsthet

Tømmer automatisk XML-prologer, kommentarer, <metadata>, xmlns:inkscape, sodipodi:*, data-name attributter og tomme <g> eller <defs> containere.

Live før/etter splitt og kodevisning

Inspiser den optimaliserte vektoren din med en interaktiv før/etter-delt glidebryter på et gjennomsiktighetssjakkbrett, eller bytt til kodevisning for å kopiere den forminskede SVG-markeringen.

100 % lokalt personvern og batch ZIP Eksporter

Optimaliser dusinvis av ikoner samtidig i nettleserminnet med sekvensiell fremdrift per fane og eksporter alle rensede .svg-filer i ett enkelt ZIP-arkiv.

Utiliome vs tradisjonelle skyalternativer

Sammenlign vår lokale første WebAssembly-motor med eldre skyverktøy.

Funksjon Utiliome (lokal nettleser) Eldre skykonverterere
Sti Koordinat Presisjonskontroll Justerbar avrunding fra 1 til 5 desimaler på d, punkter, viewBox og transformasjoner Fast aggressiv avrunding som bryter små 16×16 ikoner
Visuell verifisering og kodediff Interaktiv før/etter delt glidebryter + direkte kopierbar SVG kodevisning Blind filnedlasting uten side-ved-side-baneinspeksjon
Personvern og proprietære ikoner 100 % kjøring i nettleseren på klientsiden (null serveropplastinger) Laster opp proprietære merkelogoer og UI-sett til skyservere
Batchbehandling og kostnad Ubegrenset multi-fil batch-kø + ett-klikk ZIP eksport (100 % gratis) Filtallsbegrensninger, betalingsmurer eller CLI-oppsett kreves
Slik fungerer det

Slik optimaliserer og minifier du SVG-filer online i 3 trinn

Ingen programvareinstallasjon kreves. Alt kjører direkte i nettleseren din.

1

Slipp én eller flere SVG-filer

Dra og slipp .svg-ikonene, logoene eller illustrasjonene dine i slippsonen. Utiliome analyserer og optimerer hver fil sekvensielt i nettleseren din.

2

Tune Coordinate Precision & Optimization Pass

Juster glidebryteren for Koordinatpresisjon (2 desimaler anbefales) og veksle mellom fjerning av metadata, HEX-fargeminifisering og tomromskollaps mens du sjekker før/etter delt visning.

3

Kopier forminsket SVG-kode eller last ned ZIP

Klikk "Kopier SVG-kode" for å lime inn innebygd HTML/JSX-markering direkte i kodebasen din, eller last ned individuelle -optimized.svg-filer og batch-ZIP-arkiver.

Hvorfor eksportert SVG Filer er oppblåste: Anatomy of Vector File Overhead

Kort svar: Designverktøy som Adobe Illustrator, Figma, Inkscape og Sketch innebygger XML redigeringsnavnerom, lagernavn, skjulte grupper og 6-desimal flyttallskoordinater slik at filer kan redigeres på nytt senere—ofte med en økning i web SVG størrelse på 40 % til 80 %.

Skalerbar vektorgrafikk (.svg) er XML-dokumenter i ren tekst som beskriver former ved hjelp av matematiske baner (<path>, <circle>, <rect>, <polygon>). Når du eksporterer et ikon eller en illustrasjon fra et skrivebordsvektorredigeringsprogram, prioriterer eksportøren prosjektets reimportabilitet fremfor produksjonsnettytelsen:

  • 6-desimalkoordinatoverpresisjon: En banekommando som M 14.892341,28.104923 C 19.000124,31.999871... kaster bort dusinvis av byte per toppunkt på underpikselfraksjoner som er fysisk usynlige på alle skjermer.
  • Editornavneområder og RDF-metadata: Inkscape og Illustrator injiserer <metadata>, <sodipodi:namedview>, xmlns:inkscape, data-name og enable-background ignorerer disse nettlesernes attributter fullstendig.
  • Redundante tomme beholdere og lange HEX-koder: Nestede <g></g>-grupper som er igjen etter oppheving av lag og seks-tegns sekskantstrenger (#ffffff i stedet for #fff) legger til unødvendige DOM-noder og byte.

Hvordan koordinatpresisjonsavrunding krymper SVG banedata uten å forvrenge kurver

Kort svar: Avrunding av SVG-banekoordinater (d- og points-attributter) til 2 desimaler reduserer banestrenglengden med 45 %–70 %, samtidig som nøyaktigheten under hundredeler av piksler opprettholdes på tvers av standard viewBox-dimensjoner.

I produksjonswebikoner og -illustrasjoner utgjør <path d="..." />-attributtet vanligvis 70 % til 90 % av den totale filstørrelsen. Å velge riktig desimalpresisjon balanserer maksimal byte-komprimering mot geometrisk nøyaktighet:

Presisjonsinnstilling Koordinateksempel Ideell viewBox Skala Typiske bytebesparelser og visuell innvirkning
1 desimal (0.1) M14.9 28.1 Store illustrasjoner (500×500+) 65 %–80 % mindre; kan endre kontrollpunktene litt på små 16×16-ikoner
2 desimaler (0.01) — Standard M14.89 28.1 Standard UI-ikoner (24×24 til 512×512) 50 %–70 % mindre; matematisk ikke kan skilles fra originalen på Retina-skjermer
3 desimaler (0.001) M14.892 28.105 Høy tetthet teknisk CAD / kart 35 %–50 % mindre; bevarer mikrokurver under ekstrem zoom
4–5 desimaler M14.8923 28.1049 Underenhet normalisert viewBox="0 0 1 1" 20 %–35 % mindre; striper med null støy mens CAD-presisjon opprettholdes

Bruk den interaktive Før / Etter delte glidebryteren på lerretet for å dra over vektorgrafikken i sanntid og bekrefte nullkurvedrift før eksport.

SVG Optimizer vs. SVG til PNG Converter: Velge riktig vektorarbeidsflyt

Kort svar: Bruk SVG Optimizer når du vil beholde grafikken din som en skalerbar .svg-fil eller innebygd <svg>-kode med et mindre KB-fotavtrykk. Bruk SVG til PNG-konvertereren når du trenger en raster .png punktgrafikk for plattformer som blokkerer SVG-opplastinger.

Begge verktøyene behandler .svg vektorfiler lokalt i nettleseren din, men de tjener helt forskjellige publiseringsmål:

Arbeidsflytmål Anbefalt Utiliome-verktøy Utdataformat og primær brukssak
Formindsk .svg bytestørrelse for nett- og innebygd kode SVG Optimizer (Dette verktøyet) Ren, minifisert .svg vektorfil eller kopierbar <svg> kode for HTML, React, Vue og Core Web Vitals
Rasteriser .svg til en piksel punktgrafikk (1x–8x) SVG to PNG Converter Høyoppløselig tapsfri .png med alfa-transparens for sosiale medier, CMS-opplastinger og App Store-ressurser
Kode optimalisert SVG som en CSS Data URI Image to Base64 Converter data:image/svg+xml;base64,... streng for null-forespørsel CSS bakgrunnsinnbygging
Pakk en SVG-logo i nettleserfavikons Favicon Generator favicon.ico, apple-touch-icon.png og site.webmanifest bunt i flere størrelser
FAQ

Ofte stilte spørsmål om SVG-optimalisering og baneminifisering

Alt du trenger å vite om å bruke Utiliomes gratis SVG-optimaliserer.

Reduserer optimalisering av en SVG dens visuelle kvalitet eller oppløsning?

Nei. SVG-filer forblir 100 % uendelig skalerbare vektorer etter optimalisering. Fjerning av XML-kommentarer, redigeringsmetadata og mellomrom har null visuell innvirkning, og avrunding av banekoordinater til 2–3 desimaler bevarer sub-pikselkurvenøyaktighet.

Hvilken koordinatpresisjonsinnstilling bør jeg bruke for 24×24 UI-ikoner?

For standard 16×16, 20×20 eller 24×24 UI-ikoner (som Lucide-, Heroicons- eller Feather-ikoner), er 2 desimaler det gode punktet. Hvis et ikon bruker en veldig liten visningsboks (som 0 0 8 8) og du merker en liten kurveforskyvning i Før/Etter-glidebryteren, trykker du på glidebryteren til 3 desimaler.

Fjerner denne SVG Optimizer ondsinnede <script> eller hendelsesattributter?

Du kan inspisere den nøyaktige rensede markeringen i kategorien 'SVG Code' før du kopierer eller laster ned. Optimaliseringsverktøyet vårt fjerner ikke-standardiserte XML-prologer, DOCTYPE-erklæringer, kommentarer og redaktørnavneområder samtidig som den bevarer ren vektorgeometri.

Kan jeg optimalisere flere SVG-filer samtidig og laste ned en ZIP?

Ja. Slipp et helt ikonsett i arbeidsområdet – Utiliome behandler hver SVG-fane sekvensielt i lokalt nettleserminne og lar deg bruke presisjonsinnstillingene dine på alle filer og eksportere ett enkelt ZIP-arkiv.

Når bør jeg bruke SVG Optimizer vs. SVG til PNG Converter?

Bruk SVG Optimizer når du distribuerer skalerbare vektorikoner på nettsteder, React/Vue-apper eller CSS der du vil ha den minste mulige .svg-filen. Bruk vår SVG til PNG-konverterer når en plattform (som Twitter/X, e-postsignaturer eller Google Docs) ikke godtar .svg-filer og krever en høy-DPI .png punktgrafikk.

Blir mine SVG-filer lastet opp til en ekstern server under optimalisering?

Aldri. Hvert optimeringspass kjører 100 % lokalt i nettleseren din ved å bruke JavaScript. Dine proprietære merkelogoer og ikonbiblioteker forlater aldri enheten din.