Alat učitava službeni SVGO modul za preglednik tek nakon pokretanja optimizacije. Koristi standardni skup dodataka i uklanja skripte i rukovatelje događajima kako bi datoteka bila sigurnija kao obična web-slika. ID-ove možete sačuvati kada o njima ovise CSS, JavaScript, gradijenti, maske ili vanjske reference.
Besplatna optimizacija SVG-a
Radi u cijelosti u pregledniku - bez slanja podataka i bez registracije.
Skripte i rukovatelji događajima uklanjaju se
Ulazni SVG
Optimizirani SVG
Ctrl ili Command + Enter
Zalijepite SVG kôd ili odaberite datoteku za početak
Čemu služi optimizacija SVG-a?
Optimizacija SVG-a smanjuje vektorsku datoteku uklanjanjem metapodataka uređivača, komentara, suvišnih atributa i nepotrebne preciznosti brojeva. Zalijepite SVG kôd ili odaberite datoteku kako biste pokrenuli SVGO izravno u pregledniku. Usporedite izvornik s rezultatom, a zatim kopirajte ili preuzmite manji SVG bez slanja svojeg rada na poslužitelj.
Kako se koristi
- 1Dodajte SVG. Zalijepite potpuni SVG kôd, povucite lokalnu .svg datoteku u područje za prijenos ili otvorite ugrađeni primjer.
- 2Odaberite sigurne postavke. Postavite preciznost brojeva, ostavite uključeno više prolaza za dodatno smanjenje i sačuvajte ID-ove na koje se poziva drugi kôd.
- 3Optimizirajte i usporedite. Pokrenite SVGO, zatim provjerite broj bajtova prije i nakon obrade te oba vizualna pregleda.
- 4Kopirajte ili preuzmite. Kopirajte sažeti kôd ili preuzmite novu .optimized.svg datoteku bez promjene izvornog rada.
Za koga je
- Frontend programeri koji smanjuju ikone, logotipe i ilustracije prije dodavanja na web-mjesto ili u biblioteku komponenti.
- Dizajneri koji čiste metapodatke i kôd specifičan za uređivač iz datoteka izvezenih iz Figma, Illustrator, Sketch ili Inkscape.
- Timovi za performanse koji mjere točnu uštedu UTF-8 bajtova prije dodavanja vektorskih resursa u web-paket.
- Autori komponenti koji pripremaju sažet umetnuti SVG kôd za React, Vue, Svelte ili obični HTML.
Česta pitanja
Je li optimizacija SVG-a besplatna?
Da. SVG datoteke možete optimizirati bez računa, plaćanja ili instalacije. Alat prikazuje točnu promjenu u UTF-8 bajtovima, a rezultat možete odmah kopirati ili preuzeti iz preglednika.
Prenosi li se moja SVG datoteka na poslužitelj?
Ne. Čitanje datoteke, obrada uz SVGO, mjerenje bajtova i izrada pregleda odvijaju se lokalno u pregledniku. Logotipi, ikone i neobjavljeni radovi ne prenose se ovim alatom.
Koliko veliku SVG datoteku mogu optimizirati?
Alat prihvaća SVG kôd do 5 MB. To ograničenje zadržava brzu obradu na telefonima i uobičajenim prijenosnim računalima. Kod vrlo velikih ilustracija uklonite ugrađene rasterske slike ili podijelite rad na manje resurse.
Hoće li optimizacija SVG-a promijeniti izgled slike?
SVGO je napravljen tako da uklanja suvišne podatke bez promjene prikaza. Ipak, snažno zaokruživanje brojeva ili čišćenje ID-ova može utjecati na složene datoteke. Usporedite oba pregleda i testirajte optimizirani SVG na stvarnom mjestu uporabe prije zamjene produkcijske datoteke.
Što mijenja decimalna preciznost?
Decimalna preciznost određuje koliko znamenki iza zareza SVGO zadržava u koordinatama, transformacijama i povezanim vrijednostima. Niža vrijednost često štedi više prostora, ali može vidljivo pomaknuti detalje u vrlo preciznim ili neuobičajeno velikim radovima. Tri znamenke praktična su početna vrijednost za većinu web-ikona i ilustracija.
Trebam li sačuvati ID-ove u SVG-u?
Sačuvajte ID-ove ako ih koriste CSS, JavaScript, aria atributi, gradijenti, maske, filtri ili vanjski dokumenti. Kod samostalne dekorativne slike možete isključiti tu mogućnost kako bi SVGO uklonio ili skratio neupotrijebljene identifikatore.
Uklanja li optimizator skripte iz SVG-a?
Da. Postupak uklanja elemente script, atribute rukovatelja događajima i JavaScript poveznice. Datoteka je zato sigurnija kao obična web-slika, ali alat nije prikladan za SVG aplikacije koje ovise o skriptama.
Kako radi optimizacija u više prolaza?
SVGO ponovno obrađuje rezultat sve dok svaki prolaz smanjuje datoteku. Neke promjene otkrivaju nova mjesta za čišćenje u sljedećem prolazu, pa se može uštedjeti još malo prostora. Najveće smanjenje obično dolazi iz prvog prolaza.