Instrumentul încarcă motorul oficial SVGO pentru browser numai după ce apeși butonul de optimizare. Folosește setul standard de pluginuri și elimină scripturile și gestionarele de evenimente, pentru ca fișierul să fie mai sigur ca imagine web. Poți păstra ID-urile dacă CSS, JavaScript, degradeurile, măștile sau referințele externe depind de ele.
Optimizare SVG gratuită
Rulează integral în browserul tău - fără încărcare, fără cont.
Scripturile și gestionarele de evenimente sunt eliminate
Intrare SVG
SVG optimizat
Ctrl sau Command + Enter
Lipește marcaj SVG sau alege un fișier pentru a începe
Ce face optimizarea SVG?
Optimizarea SVG micșorează fișierele vectoriale eliminând metadatele editorului, comentariile, atributele redundante și precizia numerică inutilă. Lipește marcajul sau alege un fișier pentru a rula SVGO direct în browser. Compară originalul cu rezultatul, apoi copiază sau descarcă SVG-ul mai mic fără să încarci lucrarea pe un server.
Cum se folosește
- 1Adaugă SVG-ul. Lipește marcajul SVG complet, trage un fișier .svg local în zona de încărcare sau deschide exemplul inclus.
- 2Alege setări sigure. Stabilește precizia numerică, păstrează active trecerile multiple pentru o reducere suplimentară și menține ID-urile folosite de alt cod.
- 3Optimizează și compară. Rulează SVGO, apoi verifică numărul de octeți înainte și după procesare și ambele previzualizări.
- 4Copiază sau descarcă. Copiază marcajul compact sau descarcă un fișier .optimized.svg nou, fără să modifici lucrarea originală.
Pentru cine este
- Dezvoltatorii frontend care micșorează pictograme, logo-uri și ilustrații înainte de a le adăuga într-un site sau într-o bibliotecă de componente.
- Designerii care curăță metadatele și marcajul specific editorului din exporturile Figma, Illustrator, Sketch sau Inkscape.
- Echipele de performanță care măsoară exact economia de octeți UTF-8 înainte de a include resurse vectoriale într-un pachet web.
- Autorii de componente care pregătesc marcaj SVG inline compact pentru React, Vue, Svelte sau HTML simplu.
Întrebări frecvente
Optimizarea SVG este gratuită?
Da. Poți optimiza fișiere SVG fără cont, plată sau instalare. Instrumentul arată schimbarea exactă în octeți UTF-8, iar rezultatul poate fi copiat sau descărcat direct din browser.
Fișierul meu SVG este încărcat pe un server?
Nu. Citirea fișierului, procesarea SVGO, măsurarea octeților și generarea previzualizărilor au loc local în browser. Logo-urile, pictogramele și lucrările nepublicate nu sunt încărcate de acest instrument.
Cât de mare poate fi fișierul SVG?
Instrumentul acceptă surse SVG de până la 5 MB. Limita păstrează analiza rapidă pe telefoane și laptopuri obișnuite. Pentru ilustrații exportate foarte mari, elimină imaginile raster încorporate sau împarte lucrarea în resurse mai mici.
Optimizarea SVG schimbă aspectul imaginii?
SVGO este conceput să păstreze randarea în timp ce elimină datele inutile. Totuși, rotunjirea agresivă a numerelor sau curățarea ID-urilor poate afecta fișierele complexe. Compară ambele previzualizări și testează SVG-ul optimizat în locul unde va fi folosit înainte de a înlocui un fișier din producție.
Ce schimbă precizia zecimală?
Precizia zecimală stabilește câte cifre după virgulă păstrează SVGO în coordonate, transformări și valori asociate. O valoare mai mică economisește adesea mai mult spațiu, dar poate deplasa vizibil detaliile din lucrări foarte precise sau neobișnuit de mari. Trei cifre reprezintă un punct de pornire practic pentru majoritatea pictogramelor și ilustrațiilor web.
Ar trebui să păstrez ID-urile din SVG?
Păstrează ID-urile dacă sunt folosite de CSS, JavaScript, atribute aria, degradeuri, măști, filtre sau documente externe. Pentru o imagine decorativă independentă poți dezactiva opțiunea, iar SVGO va elimina sau scurta identificatorii nefolosiți.
Optimizatorul elimină scripturile din SVG?
Da. Procesul elimină elementele script, atributele gestionarelor de evenimente și linkurile JavaScript. Fișierul devine mai sigur ca imagine web obișnuită, dar instrumentul nu este potrivit pentru aplicații SVG care au nevoie de scripturi.
Ce face optimizarea în mai multe treceri?
SVGO procesează din nou rezultatul cât timp fiecare trecere micșorează fișierul. Unele transformări descoperă alte porțiuni care pot fi curățate la următoarea trecere, așa că se mai poate economisi puțin spațiu. Cea mai mare reducere apare de obicei la prima trecere.