Utiliome

Optimizator SVG

Minifică și curăță fișiere SVG cu până la 80%, scoțând balastul de editor, rotunjind coordonatele în virgulă mobilă și strângând spațiile — 100% local în browser.

Fără încărcăriFără contProcesare în lot
Cu până la 80% mai micPrecizie coordonateÎnainte / dupăZIP în lot
Descarcă
Motorul offline e gataSpațiu de lucru 100% privat, în browser • Zero încărcări în cloud
Unelte de care ai putea avea nevoie

Unelte similare

Convertește SVG în PNG

Convertește instant imaginile vectoriale SVG în PNG de înaltă calitate, direct în browser.

Generator de favicon

Generează un pachet complet de favicon din PNG, SVG, JPG sau WebP. Include favicon.ico multi-dimensiune, Apple Touch Icon 180×180, pictograme PWA și etichete HTML.

Generator ICO

Convertește online PNG, SVG, JPG sau WebP în fișiere Windows .ICO multi-rezoluție. Împachetează straturi RGBA pe 32 de biți: 16×16, 24×24, 32×32, 48×48, 64×64, 128×128 și 256×256.

Convertor imagine în Base64

Convertește imagini în URI-uri de date Base64 sau decodifică șiruri Base64 înapoi în imagini, direct în browser.

Comprimă imaginea

Reduce semnificativ mărimea imaginilor (JPG, PNG, WebP) fără să pierzi calitatea vizuală.

Redimensionează imaginea

Schimbă dimensiunile imaginii și scaleaz-o în sus sau în jos, local, în browser.

100% privat • Zero încărcări de fișiere pe server

De ce să folosești optimizatorul SVGO pe client?

Construit de la zero pentru confidențialitate strictă, execuție instant și zero fricțiune. Fără abonamente, paywall-uri sau conturi.

Rotunjirea preciziei zecimale a coordonatelor

Rotunjește coordonate Bézier verbose, cu 6 zecimale (d="M12.345678..."), la 1–5 zecimale și taie 50%–75% din dimensiunea vectorială brută, fără distorsiune vizibilă.

Scoate balastul Figma, Illustrator și Inkscape

Elimină automat prologuri XML, comentarii, <metadata>, xmlns:inkscape, sodipodi:*, atribute data-name și containere goale <g> sau <defs>.

Împărțire live Înainte/După și vizualizare de cod

Inspectează vectorul optimizat cu un cursor Înainte/După pe o tablă de transparență sau treci la Code View ca să copiezi marcajul SVG minificat.

Confidențialitate locală și export ZIP în lot

Optimizează zeci de pictograme simultan în memoria browserului, cu progres pe filă, și exportă toate fișierele .svg curățate într-o singură arhivă ZIP.

Utiliome față de alternativele cloud clasice

Compară motorul nostru local WebAssembly cu uneltele cloud vechi.

Funcție Utiliome (browser local) Convertoare cloud clasice
Controlul preciziei coordonatelor Rotunjire ajustabilă de la 1 la 5 zecimale pe d, points, viewBox și transformări Rotunjire agresivă fixă, care strică pictogramele mici 16×16
Verificare vizuală și diff de cod Cursor Înainte/După + vizualizare de cod SVG copiabil Descărcare oarbă, fără inspectare a căilor una lângă alta
Confidențialitate și pictograme proprietare Execuție 100% pe client în browser (zero încărcări) Încarcă logo-uri de brand și kituri UI pe servere cloud
Procesare în lot și cost Coadă nelimitată + ZIP dintr-un clic (100% gratuit) Plafoane de fișiere, paywall sau instalare CLI
Cum funcționează

Cum optimizezi și minifici SVG online în 3 pași

Nu trebuie să instalezi niciun program. Totul rulează direct în browser.

1

Lasă unul sau mai multe fișiere SVG

Trage pictograme, logo-uri sau ilustrații .svg în zona de drop. Utiliome analizează și optimizează fiecare fișier secvențial în browser.

2

Ajustează precizia și trecerile de optimizare

Mută cursorul Coordinate Precision (2 zecimale recomandate) și comută eliminarea metadatelor, minificarea culorilor HEX și strângerea spațiilor, verificând vederea Înainte/După.

3

Copiază codul SVG minificat sau descarcă ZIP

Apasă „Copy SVG Code” ca să lipești marcaj HTML/JSX inline în cod, sau descarcă fișiere -optimized.svg și arhive ZIP în lot.

De ce SVG-urile exportate sunt umflate: anatomia balastului

Răspuns rapid: Unelte precum Adobe Illustrator, Figma, Inkscape și Sketch înglobează namespace-uri XML, nume de straturi, grupuri ascunse și coordonate cu 6 zecimale ca fișierul să poată fi reeditat — adesea umflă SVG-ul web cu 40%–80%.

Scalable Vector Graphics (.svg) sunt documente XML text care descriu forme prin căi matematice (<path>, <circle>, <rect>, <polygon>). Când exporți o pictogramă dintr-un editor vectorial, exportorul prioritizează reimportul proiectului, nu performanța web:

  • Precizie excesivă cu 6 zecimale: O comandă precum M 14.892341,28.104923 C 19.000124,31.999871... irosește zeci de octeți pe fracții sub-pixel, invizibile pe orice ecran.
  • Namespace-uri de editor și metadate RDF: Inkscape și Illustrator injectează <metadata>, <sodipodi:namedview>, xmlns:inkscape, data-name și enable-background, pe care browserele le ignoră.
  • Containere goale și coduri HEX lungi: Grupuri <g></g> rămase după degrupare și șiruri hex de 6 caractere (#ffffff în loc de #fff) adaugă noduri DOM și octeți inutili.

Cum rotunjirea coordonatelor micșorează căile fără să distorsioneze curbele

Răspuns rapid: Rotunjirea coordonatelor de cale (d și points) la 2 zecimale reduce lungimea șirului cu 45%–70%, păstrând o precizie de o sutime de pixel pe dimensiuni viewBox obișnuite.

La pictogramele de producție, atributul <path d="..." /> reprezintă de obicei 70%–90% din dimensiunea fișierului. Precizia zecimală echilibrează compresia și fidelitatea geometrică:

Precizie Exemplu Scară viewBox Economie și impact vizual
1 zecimală (0.1) M14.9 28.1 Ilustrații mari (500×500+) cu 65%–80% mai mic; poate muta ușor punctele de control pe pictograme 16×16
2 zecimale (0.01) — implicit M14.89 28.1 Pictograme UI (24×24–512×512) cu 50%–70% mai mic; indiscernabil de original pe ecrane Retina
3 zecimale (0.001) M14.892 28.105 CAD tehnic / hărți cu 35%–50% mai mic; păstrează micro-curbele la zoom extrem
4–5 zecimale M14.8923 28.1049 viewBox="0 0 1 1" normalizat cu 20%–35% mai mic; scoate zerourile finale și păstrează precizia CAD

Folosește cursorul Înainte / După ca să treci peste artwork în timp real și să confirmi că nu există derivă de curbă înainte de export.

Optimizator SVG față de convertor SVG în PNG

Răspuns rapid: Folosește Optimizatorul SVG când vrei să păstrezi graficul ca fișier .svg scalabil sau cod <svg> inline, cu un footprint mai mic. Folosește convertorul SVG în PNG când ai nevoie de un bitmap .png pentru platforme care blochează încărcările SVG.

Ambele unelte procesează fișiere .svg local în browser, dar țintesc publicări diferite:

Obiectiv Unealta Utiliome Format și caz
Micșorează .svg pentru web și cod inline Optimizator SVG (această unealtă) Fișier .svg minificat sau cod <svg> copiabil pentru HTML, React, Vue și Core Web Vitals
Rasterizează .svg într-un bitmap (1x–8x) Convertor SVG în PNG .png lossless de înaltă rezoluție, cu transparență alfa, pentru social, CMS și App Store
Codifică SVG optimizat ca Data URI CSS Imagine în Base64 Șir data:image/svg+xml;base64,... pentru fundal CSS fără cerere suplimentară
Împachetează un logo SVG în favicon-uri Generator favicon Pachet favicon.ico, apple-touch-icon.png și site.webmanifest
Întrebări

FAQ optimizator SVG și minificare de căi vectoriale

Tot ce trebuie să știi ca să folosești gratuit Optimizator SVG de la Utiliome.

Optimizarea unui SVG îi reduce calitatea vizuală sau rezoluția?

Nu. Fișierele SVG rămân vectori scalabili la infinit după optimizare. Eliminarea comentariilor XML, a metadatelor de editor și a spațiilor nu are impact vizual, iar rotunjirea coordonatelor la 2–3 zecimale păstrează precizia curbei sub un pixel.

Ce precizie de coordonate să folosesc pentru pictograme UI 24×24?

Pentru pictograme standard 16×16, 20×20 sau 24×24 (Lucide, Heroicons sau Feather), 2 zecimale sunt punctul optim. Dacă pictograma folosește un viewBox foarte mic (de exemplu 0 0 8 8) și vezi o ușoară deplasare a curbei în cursorul Înainte/După, urcă la 3 zecimale.

Optimizatorul SVG elimină atribute <script> sau de eveniment malițioase?

Poți inspecta marcajul curățat exact în fila „SVG Code” înainte să copiezi sau să descarci. Optimizatorul scoate prologuri XML nestandard, declarații DOCTYPE, comentarii și namespace-uri de editor și păstrează geometria vectorială curată.

Pot optimiza mai multe fișiere SVG deodată și descărca un ZIP?

Da. Lasă un set întreg de pictograme în spațiul de lucru — Utiliome procesează fiecare filă SVG secvențial în memoria locală, îți lasă să aplici precizia pe toate fișierele și exportă o singură arhivă ZIP.

Când folosesc Optimizatorul SVG și când convertorul SVG în PNG?

Folosește Optimizatorul SVG când publici pictograme vectoriale scalabile pe site-uri, aplicații React/Vue sau CSS și vrei cel mai mic fișier .svg. Folosește convertorul SVG în PNG când o platformă (Twitter/X, semnături de e-mail sau Google Docs) nu acceptă .svg și cere un bitmap .png de înaltă densitate.

Fișierele mele SVG sunt încărcate pe un server în timpul optimizării?

Niciodată. Fiecare trecere de optimizare rulează 100% local în browser, prin JavaScript. Logo-urile de brand și bibliotecile de pictograme nu părăsesc dispozitivul.