Pāriet uz galveno saturu

SVG optimizētājs un minifikators bez maksas

Noņem metadatus, sabrūk baltaizstarpas un noapaļo decimālas, lai dramatiski samazinātu SVG faila izmēru — tipiskais samazinājums ir 30-70%. Vizuālais priekšskatījums pārbauda, ka nekas nesabojājas.

Darbojas bezsaistē pēc ielādes

Nometiet failu šeit vai noklikšķiniet, lai izvēlētos

SVG · apstrādāts jūsu ierīcē

vai nospiediet Ctrl+V, lai ielīmētu no starpliktuves

Pārlūkot failus
— vai ielīmējiet SVG zemāk —

Jūsu faili nekad neatstāj jūsu ierīci. Visa apstrāde notiek lokāli jūsu pārlūkprogrammā.

Biežākie lietojumi

  • Optimizējiet SVG ikonas ražošanaiNoņemiet nevajadzīgos metadatus no SVG ikonām pirms nosūtīšanas — tipisks samazinājums 50-80%.
  • Optimizējiet zīmolu logotipus SVGSamaziniet SVG logotipa faila lielumu ātrai tīmekļa vietnes ielādei, neapdraudējot kvalitāti.
  • Optimizējiet ilustrācijas un SVG herojusLielākām ilustrācijām (herojiem, dekoratīvajiem grafikiem) optimizācija var noņemt 30-70% no faila lieluma.
  • Samaziniet JavaScript komplekta lielumuKad SVG ir importēti kā React komponenti vai iegulti kodā, to optimizācija samazina jūsu JS komplektu.
  • Notīriet Figma / Sketch SVG eksportuFigma un Sketch SVG eksports ietver plašus metadatus. Noņemiet to pirms ražošanas izmantošanas.

Kā tas darbojas

Šis rīks samazina SVG faila izmēru, izmantojot pašrakstītu optimizētāju, kas darbojas pilnībā jūsu pārlūkprogrammā — bez bibliotēkām, bez servera. Tas apvieno divus gājienus: pārlūkprogrammas iebūvēto DOMParser/XMLSerializer atribūtu-līmeņa precizitātes darbam un mērķētas regex aizstāšanas komentāru noņemšanai, metadatu noņemšanai un atstarpju sakļaušanai.

  1. 1
    DOMParser sanitizē SVG
    Pirms jebkuras optimizācijas pārlūkprogrammas DOMParser nolasa SVG kā XML un iet cauri katram elementam. Skripta birkas, notikumu apstrādātāji (jebkurš on* atribūts), animācijas elementi un ārējas URL atsauces tiek noņemtas bez nosacījumiem — tas darbojas neatkarīgi no tā, kuras optimizācijas opcijas izvēlaties.
  2. 2
    DOM-balstīta decimāldaļu noapaļošana
    Ja decimāldaļu noapaļošana ir ieslēgta, optimizētājs otro reizi iet cauri parsētajam DOM un pielieto noapaļošanu tikai zināmiem skaitliskiem atribūtiem (path d dati, koordinātes, transform vērtības, svītras platumi utt.), izmantojot regex, kas sakrīt ar atsevišķiem peldošā punkta skaitļiem, nesabojājot savienotas path vērtības, piemēram, .5.5.
  3. 3
    Regex gājieni tīra serializēto marķējumu
    XMLSerializer rada normalizētu XML, tad mērķētas virkņu aizstāšanas noņem HTML komentārus, Inkscape/Sodipodi redaktora metadatus, XML deklarāciju, liekus noklusējuma atribūtus (piemēram, version="1.1") un starpbirku atstarpes — katrs gājiens šauri mērķēts, lai teksta mezgla saturs nekad netiktu skarts.
  4. 4
    Gzip izmērs un eksporta formāti
    Pārlūkprogrammas CompressionStream API aprēķina reālus ievades un izvades gzip izmērus, jo tas patiešām nosaka pārraides izmaksas tīmeklī. Optimizēto SVG var lejupielādēt, kopēt kā neapstrādātu SVG, konvertēt uz React JSX-gataviem camelCase atribūtiem vai kodēt kā CSS datu URI — visas konvertēšanas notiek lokāli.

Jūsu SVG tiek lasīts un apstrādāts pilnībā jūsu pārlūkprogrammas cilnē — faila baiti nekad neatstāj jūsu ierīci.

Saistītie rīki

Bieži uzdotie jautājumi