Alat učitava zvanični SVGO modul za pregledač tek kada pokrenete optimizaciju. Koristi standardni skup dodataka i uklanja skripte i rukovaoce događajima kako bi fajl bio bezbedniji kao obična veb-slika. ID-evi mogu da ostanu sačuvani kada od njih zavise CSS, JavaScript, gradijenti, maske ili spoljne reference.
Besplatna optimizacija SVG-a
Radi u celosti u pregledaču - bez otpremanja i bez registracije.
Skripte i rukovaoci događajima se uklanjaju
Ulazni SVG
Optimizovani SVG
Ctrl ili Command + Enter
Nalepite SVG kod ili izaberite fajl za početak
Čemu služi optimizacija SVG-a?
Optimizacija SVG-a smanjuje vektorski fajl uklanjanjem metapodataka iz programa za uređivanje, komentara, suvišnih atributa i nepotrebne preciznosti brojeva. Nalepite SVG kod ili izaberite fajl da biste pokrenuli SVGO direktno u pregledaču. Uporedite original sa rezultatom, pa kopirajte ili preuzmite manji SVG bez slanja svog rada na server.
Kako se koristi
- 1Dodajte SVG. Nalepite potpun SVG kod, prevucite lokalni .svg fajl u polje za otpremanje ili otvorite ugrađeni primer.
- 2Izaberite bezbedna podešavanja. Podesite preciznost brojeva, ostavite više prolaza uključeno radi dodatnog smanjenja i sačuvajte ID-eve na koje se poziva drugi kod.
- 3Optimizujte i uporedite. Pokrenite SVGO, zatim proverite broj bajtova pre i posle obrade i oba vizuelna pregleda.
- 4Kopirajte ili preuzmite. Kopirajte sažeti kod ili preuzmite novi .optimized.svg fajl bez izmene originalnog rada.
Kome je namenjen
- Frontend programeri koji smanjuju ikone, logotipe i ilustracije pre dodavanja na sajt ili u biblioteku komponenti.
- Dizajneri koji čiste metapodatke i kod specifičan za program iz fajlova izvezenih iz Figma, Illustrator, Sketch ili Inkscape.
- Timovi za performanse koji mere tačnu uštedu UTF-8 bajtova pre dodavanja vektorskih resursa u veb-paket.
- Autori komponenti koji pripremaju sažet umetnuti SVG kod za React, Vue, Svelte ili običan HTML.
Česta pitanja
Da li je optimizacija SVG-a besplatna?
Da. SVG fajlove možete da optimizujete bez naloga, plaćanja ili instalacije. Alat prikazuje tačnu promenu u UTF-8 bajtovima, a rezultat možete odmah da kopirate ili preuzmete iz pregledača.
Da li se moj SVG fajl šalje na server?
Ne. Čitanje fajla, obrada uz SVGO, merenje bajtova i pravljenje pregleda obavljaju se lokalno u pregledaču. Logotipi, ikone i neobjavljeni radovi ne šalju se ovim alatom.
Koliko veliki SVG mogu da optimizujem?
Alat prihvata SVG kod do 5 MB. Ovo ograničenje održava brzu obradu na telefonima i uobičajenim laptopovima. Kod veoma velikih ilustracija uklonite ugrađene rasterske slike ili podelite rad na manje resurse.
Da li optimizacija SVG-a menja izgled slike?
SVGO je napravljen da ukloni suvišne podatke bez promene prikaza. Ipak, jako zaokruživanje brojeva ili čišćenje ID-eva može da utiče na složene fajlove. Uporedite oba pregleda i testirajte optimizovani SVG na stvarnom mestu upotrebe pre zamene produkcijskog fajla.
Šta menja decimalna preciznost?
Decimalna preciznost određuje koliko cifara posle zareza SVGO zadržava u koordinatama, transformacijama i povezanim vrednostima. Niža vrednost često štedi više prostora, ali može vidljivo da pomeri detalje u veoma preciznim ili neuobičajeno velikim radovima. Tri cifre su praktična početna vrednost za većinu veb-ikona i ilustracija.
Da li treba da sačuvam ID-eve u SVG-u?
Sačuvajte ID-eve ako ih koriste CSS, JavaScript, aria atributi, gradijenti, maske, filteri ili spoljni dokumenti. Kod samostalne dekorativne slike možete da isključite ovu opciju kako bi SVGO uklonio ili skratio nekorišćene identifikatore.
Da li optimizator uklanja skripte iz SVG-a?
Da. Postupak uklanja elemente script, atribute rukovalaca događajima i JavaScript veze. Fajl je zato bezbedniji kao obična veb-slika, ali alat nije namenjen SVG aplikacijama koje zavise od skripti.
Kako radi optimizacija u više prolaza?
SVGO ponovo obrađuje rezultat sve dok svaki prolaz smanjuje fajl. Neke promene otkrivaju nova mesta za čišćenje u sledećem prolazu, pa može da se uštedi još malo prostora. Najveće smanjenje obično dolazi iz prvog prolaza.