Rīks ielādē oficiālo SVGO pārlūkprogrammas moduli tikai pēc optimizācijas palaišanas. Tas izmanto standarta spraudņu komplektu un noņem skriptus un notikumu apstrādātājus, lai fails būtu drošāks kā parasts tīmekļa attēls. ID var saglabāt, ja no tiem ir atkarīgi CSS, JavaScript, krāsu pārejas, maskas vai ārējās atsauces.
Bezmaksas SVG optimizācija
Darbojas tikai tavā pārlūkā - bez augšupielādes un reģistrācijas.
Skripti un notikumu apstrādātāji tiek noņemti
Sākotnējais SVG
Optimizētais SVG
Ctrl vai Command + Enter
Lai sāktu, ielīmējiet SVG kodu vai izvēlieties failu
Ko dara SVG optimizācija?
SVG optimizācija samazina vektora failu, noņemot redaktora metadatus, komentārus, liekos atribūtus un nevajadzīgu skaitļu precizitāti. Ielīmējiet SVG kodu vai izvēlieties failu, lai SVGO darbotos tieši pārlūkprogrammā. Salīdziniet oriģinālu ar rezultātu, pēc tam kopējiet vai lejupielādējiet mazāko SVG, nenosūtot savu darbu uz serveri.
Kā lietot
- 1Pievienojiet SVG. Ielīmējiet pilnu SVG kodu, ievelciet lokālu .svg failu augšupielādes laukā vai atveriet sagatavoto piemēru.
- 2Izvēlieties drošus iestatījumus. Iestatiet skaitļu precizitāti, atstājiet ieslēgtus vairākus ciklus papildu samazinājumam un saglabājiet ID, uz kuriem atsaucas cits kods.
- 3Optimizējiet un salīdziniet. Palaidiet SVGO, pēc tam pārbaudiet baitu skaitu pirms un pēc apstrādes un abus vizuālos priekšskatījumus.
- 4Kopējiet vai lejupielādējiet. Kopējiet kompakto kodu vai lejupielādējiet jaunu .optimized.svg failu, nemainot sākotnējo darbu.
Kam noder
- Frontend izstrādātājiem, kuri samazina ikonas, logotipus un ilustrācijas pirms pievienošanas vietnei vai komponentu bibliotēkai.
- Dizaineriem, kuri tīra metadatus un redaktora kodu no Figma, Illustrator, Sketch vai Inkscape eksportētiem failiem.
- Veiktspējas komandām, kuras mēra precīzu UTF-8 baitu ietaupījumu pirms vektoru resursu iekļaušanas tīmekļa pakotnē.
- Komponentu autoriem, kuri sagatavo kompaktu iekļauto SVG kodu React, Vue, Svelte vai vienkāršam HTML.
Biežāk uzdotie jautājumi
Vai SVG optimizācija ir bez maksas?
Jā. SVG failus var optimizēt bez konta, maksājuma vai instalēšanas. Rīks parāda precīzas UTF-8 baitu skaita izmaiņas, un rezultātu var uzreiz kopēt vai lejupielādēt pārlūkprogrammā.
Vai mans SVG fails tiek nosūtīts uz serveri?
Nē. Faila lasīšana, SVGO apstrāde, baitu mērīšana un priekšskatījumu veidošana notiek lokāli pārlūkprogrammā. Logotipi, ikonas un nepublicēti darbi ar šo rīku nekur netiek nosūtīti.
Cik lielu SVG failu var optimizēt?
Rīks pieņem SVG kodu līdz 5 MB. Šis ierobežojums palīdz saglabāt ātru apstrādi tālruņos un parastos klēpjdatoros. Ļoti lielām ilustrācijām noņemiet iegultos rastra attēlus vai sadaliet darbu mazākos resursos.
Vai SVG optimizācija mainīs attēla izskatu?
SVGO ir veidots tā, lai noņemtu liekos datus, nemainot attēlojumu. Tomēr izteikta skaitļu noapaļošana vai ID tīrīšana var ietekmēt sarežģītus failus. Salīdziniet abus priekšskatījumus un pārbaudiet optimizēto SVG īstajā izmantošanas vietā, pirms aizstājat darba failu.
Ko maina decimālā precizitāte?
Decimālā precizitāte nosaka, cik ciparu aiz komata SVGO saglabā koordinātās, transformācijās un saistītajās vērtībās. Mazāka vērtība bieži ietaupa vairāk vietas, taču var redzami nobīdīt detaļas ļoti precīzos vai neparasti lielos darbos. Trīs cipari ir praktiska sākuma vērtība lielākajai daļai tīmekļa ikonu un ilustrāciju.
Vai SVG failā jāsaglabā ID?
Saglabājiet ID, ja tos izmanto CSS, JavaScript, aria atribūti, krāsu pārejas, maskas, filtri vai ārēji dokumenti. Patstāvīgam dekoratīvam attēlam šo iespēju var izslēgt, lai SVGO noņemtu vai saīsinātu neizmantotos identifikatorus.
Vai optimizētājs no SVG noņem skriptus?
Jā. Apstrāde noņem script elementus, notikumu apstrādātāju atribūtus un JavaScript saites. Tāpēc fails ir drošāks kā parasts tīmekļa attēls, taču rīks nav piemērots SVG lietotnēm, kuru darbībai vajadzīgi skripti.
Kā darbojas optimizācija vairākos ciklos?
SVGO atkārtoti apstrādā rezultātu, kamēr katrs cikls samazina failu. Dažas izmaiņas atklāj jaunas vietas, ko tīrīt nākamajā ciklā, tāpēc var ietaupīt vēl nedaudz vietas. Lielākais samazinājums parasti rodas pirmajā ciklā.