Įrankis oficialų SVGO naršyklės modulį įkelia tik paleidus optimizavimą. Jis naudoja standartinį papildinių rinkinį ir pašalina scenarijus bei įvykių tvarkykles, kad failas būtų saugesnis kaip įprastas žiniatinklio paveikslas. ID galima išsaugoti, jei nuo jų priklauso CSS, JavaScript, gradientai, kaukės ar išorinės nuorodos.
Nemokamas SVG optimizavimas
Veikia tik jūsų naršyklėje - nieko neįkeliama, registracija nereikalinga.
Scenarijai ir įvykių tvarkyklės pašalinami
Pradinis SVG
Optimizuotas SVG
Ctrl arba Command + Enter
Norėdami pradėti, įklijuokite SVG kodą arba pasirinkite failą
Ką daro SVG optimizavimas?
SVG optimizavimas sumažina vektorinį failą pašalindamas redaktoriaus metaduomenis, komentarus, perteklinius atributus ir nereikalingą skaičių tikslumą. Įklijuokite SVG kodą arba pasirinkite failą, kad SVGO būtų paleistas tiesiog naršyklėje. Palyginkite originalą su rezultatu, tada nukopijuokite arba atsisiųskite mažesnį SVG nesiųsdami savo darbo į serverį.
Kaip naudotis
- 1Pridėkite SVG. Įklijuokite visą SVG kodą, nuvilkite vietinį .svg failą į įkėlimo lauką arba atverkite paruoštą pavyzdį.
- 2Pasirinkite saugius nustatymus. Nustatykite skaičių tikslumą, palikite kelis optimizavimo ciklus papildomam sumažinimui ir išsaugokite ID, kuriuos naudoja kitas kodas.
- 3Optimizuokite ir palyginkite. Paleiskite SVGO, tada patikrinkite baitų skaičių prieš apdorojimą ir po jo bei abi vaizdines peržiūras.
- 4Kopijuokite arba atsisiųskite. Nukopijuokite glaustą kodą arba atsisiųskite naują .optimized.svg failą nepakeisdami pradinio darbo.
Kam pravers
- Frontend programuotojams, mažinantiems piktogramas, logotipus ir iliustracijas prieš įtraukiant juos į svetainę ar komponentų biblioteką.
- Dizaineriams, valantiems metaduomenis ir redaktoriaus kodą iš Figma, Illustrator, Sketch ar Inkscape eksportuotų failų.
- Našumo komandoms, matuojančioms tiksliai sutaupytus UTF-8 baitus prieš įtraukiant vektorinius išteklius į žiniatinklio paketą.
- Komponentų autoriams, ruošiantiems glaustą įterptąjį SVG kodą React, Vue, Svelte ar paprastam HTML.
DUK
Ar SVG optimizavimas nemokamas?
Taip. SVG failus galima optimizuoti be paskyros, mokėjimo ar diegimo. Įrankis rodo tikslų UTF-8 baitų pokytį, o rezultatą galima iškart nukopijuoti arba atsisiųsti naršyklėje.
Ar mano SVG failas siunčiamas į serverį?
Ne. Failo skaitymas, SVGO apdorojimas, baitų matavimas ir peržiūrų kūrimas vyksta vietoje, naršyklėje. Logotipai, piktogramos ir neskelbti darbai šiuo įrankiu niekur nesiunčiami.
Kokio dydžio SVG failą galima optimizuoti?
Įrankis priima iki 5 MB dydžio SVG kodą. Ši riba padeda išlaikyti spartų apdorojimą telefonuose ir įprastuose nešiojamuosiuose kompiuteriuose. Jei iliustracija labai didelė, pašalinkite įterptus rastrinius vaizdus arba padalykite darbą į mažesnius išteklius.
Ar optimizavus SVG pasikeis paveikslo išvaizda?
SVGO sukurtas pertekliniams duomenims pašalinti nekeičiant atvaizdavimo. Vis dėlto smarkus skaičių apvalinimas ar ID valymas gali paveikti sudėtingus failus. Palyginkite abi peržiūras ir išbandykite optimizuotą SVG tikroje naudojimo vietoje prieš pakeisdami darbinį failą.
Ką keičia dešimtainis tikslumas?
Dešimtainis tikslumas nustato, kiek skaitmenų po kablelio SVGO išsaugo koordinatėse, transformacijose ir susijusiose reikšmėse. Mažesnė reikšmė dažnai sutaupo daugiau vietos, tačiau gali pastebimai perstumti labai tikslių ar neįprastai didelių darbų detales. Trys skaitmenys yra praktiška pradinė reikšmė daugumai žiniatinklio piktogramų ir iliustracijų.
Ar SVG faile reikia išsaugoti ID?
Išsaugokite ID, jei juos naudoja CSS, JavaScript, aria atributai, gradientai, kaukės, filtrai ar išoriniai dokumentai. Savarankiškam dekoratyviniam paveikslui šią parinktį galima išjungti, kad SVGO pašalintų ar sutrumpintų nenaudojamus identifikatorius.
Ar optimizavimo priemonė pašalina scenarijus iš SVG?
Taip. Apdorojant pašalinami script elementai, įvykių tvarkyklių atributai ir JavaScript nuorodos. Dėl to failas saugesnis kaip įprastas žiniatinklio paveikslas, tačiau įrankis netinka SVG programoms, kurioms veikti reikia scenarijų.
Kaip veikia optimizavimas keliais ciklais?
SVGO iš naujo apdoroja rezultatą tol, kol kiekvienas ciklas mažina failą. Kai kurie pakeitimai atveria naujų vietų, kurias galima išvalyti per kitą ciklą, todėl įmanoma sutaupyti dar šiek tiek vietos. Didžiausia dalis paprastai sutaupoma per pirmąjį ciklą.