Léim go dtí an príomhábhar

Optamaitheoir & Mionaitheoir SVG saor in aisce

Bain meiteashonraí, tit spás bán, agus babhta dheachúlacha chun méid comhaid SVG a laghdú go mór — laghduithe tipiciúla 30-70%. Fíoraíonn réamhamharc amhairc nach briseann aon rud.

Oibríonn as líne nuair a lódáiltear é

Scaoil comhad anseo, nó cliceáil chun brabhsáil

SVG · próiseáilte ar do ghléas

nó brúigh Ctrl+V chun greamú ón ngearrthaisce

Brabhsáil comhaid
— nó greamaigh SVG thíos —

Ní fhágann do chomhaid do ghléas riamh. Tarlaíonn gach próiseáil go háitiúil i do bhrabhsálaí.

Úsáidí coitianta

  • Optamaithe SVG Táirgí i gcomhair TáirgíBain sonraí gan bhac ó SVG táirgí sula seoladh - laghdú tipiciúil 50-80%.
  • Optamaithe Brand Logo SVGsLaghdaigh méid fhaidhbe SVG lógó i gcomhair ualach láithreáin tapa gan a bheith ag sacrifáil ar chéim.
  • Optamaithe Léiriúcháin agus Hero SVGsI gcomhair léiriúcháin níos mó (laochra, grafaic ornáideach), gur féidir an optamaithe 30-70% a dhuilleog.
  • Laghdaigh Méid Bundléal JavaScriptNuair a bhíonn SVGs á n-iomláir mar chomhpháirt React nó inlíne i gcód, baineann an optamaithe siad an bundléal JS.
  • Glan Figma / Sketch SVG EaspóirtCuirfidh easpóirt Figma agus Sketch SVG sonraí leathan san áireamh. Bain roimh úsáid i dtáirgí.

Conas a Oibríonn sé

Laghdaíonn an t-uirlis seo méid comhaid SVG ag baint úsáide as barrfheabhsóir lámhscríofa a ritheann go hiomlán i do bhrabhsálaí — gan leabharlanna, gan freastalaí. Comhcheanglaíonn sí dhá phas: DOMParser/XMLSerializer ionsuite an bhrabhsálaí le haghaidh oibre cruinnis ar leibhéal airí, agus athsholáthair shlonn ionadaíochta dhírithe le haghaidh baint tráchtanna, baint meiteashonraí, agus comhbhrú spáis bháin.

  1. 1
    Glanann DOMParser an SVG
    Sula ndéantar aon bharrfheabhsú, léann DOMParser an bhrabhsálaí an SVG mar XML agus siúlann sé gach eilimint. Baintear clibeanna script, láimhseálaithe imeachta (aon airí on*), eilimintí beochana, agus tagairtí URL seachtrach go coinníollach — ritheann sé seo beag beann ar cé na roghanna barrfheabhsúcháin a roghnaíonn tú.
  2. 2
    Slánú deachúlach bunaithe ar DOM
    Má tá slánú deachúlach cumasaithe, siúlann an barrfheabhsóir an DOM parsáilte dara huair agus cuireann sé slánú i bhfeidhm ach amháin ar airí uimhriúla aitheanta (sonraí d cosáin, comhordanáidí, luachanna claochlaithe, leithid stríce, etc.), ag baint úsáide as slonn ionadaíochta a mheaitseálann uimhreacha snámhphointe aonair gan luachanna cosáin chomhchuachta cosúil le .5.5 a chur ó mhaith.
  3. 3
    Glanann pasanna shlonn ionadaíochta an mharcáil sraithithe
    Táirgeann XMLSerializer XML normáilte, ansin baineann athsholáthair theaghráin dhírithe tráchtanna HTML, meiteashonraí eagarthóra Inkscape/Sodipodi, an dearbhú XML, airí réamhshocraithe iomarcach (cosúil le version="1.1"), agus spás bán idir-chliba — gach pas scópáilte go cúng ionas nach dtéitear i dteagmháil le hábhar nód téacs riamh.
  4. 4
    Méid gzip agus formáidí easpórtála
    Ríomhann API CompressionStream an bhrabhsálaí méideanna fíor gzip an ionchuir agus an aschuir araon, ó gurb é sin i ndáiríre a chinneann costas aistrithe ar an ngréasán. Is féidir an SVG barrfheabhsaithe a íoslódáil, a chóipeáil mar SVG amh, a thiontú go dtí airí camelCase réidh do React JSX, nó a ionchódú mar URI sonraí CSS — tarlaíonn gach tiontú go háitiúil.

Léitear agus próiseáiltear do SVG go hiomlán laistigh de do chluaisín brabhsálaí — ní fhágann bearta an chomhaid do ghléas riamh.

Uirlisí Gaolmhara

Ceisteanna Coitianta