Optamaitheoir SVG

Struchtúr agus Comhpháirteanna Comhad SVG ar an nGréasán

Is formáid íomhá veicteoireach é SVG (Scalable Vector Graphics) atá bunaithe ar XML. Murab ionann agus formáidí raster ar nós PNG nó JPEG, stóráiltear íomhánna SVG mar chód téacs plain a chuireann síos ar chruthanna, línte, dathanna agus conairí. Áirítear i ngnáthchomhad SVG eilimintí struchtúracha cosúil leis an gclib <svg>, sainmhínithe ar chonairí (<path>), cruthanna bunúsacha (<rect>, <circle>), agus tréithe stíleála.

Toisc gur doiciméid téacs iad, is minic a bhíonn go leor sonraí breise i gcomhaid SVG nach bhfuil gá leo chun an íomhá a thaispeáint sa bhrabhsálaí. Áirítear orthu sin meiteashonraí cruthaithe ag bogearraí dearaidh, tuairimí forbróirí, agus spásáil bhreise. Is féidir an cód seo a ghlanadh agus a chomhbhrú chun éifeachtúlacht an tsuímh ghréasáin a fheabhsú.

Tionchar Optamaithe SVG ar Fheidhmíocht Gréasáin

Bíonn tionchar díreach ag méid comhad SVG ar luas lódála leathanach gréasáin agus ar eispéireas an úsáideora. Nuair a bhíonn comhaid SVG níos lú, laghdaítear an méid sonraí is gá a aistriú thar an líonra. Tá sé seo thar a bheith tábhachtach d'fhorbróirí tosaigh agus do dhearthóirí a úsáideann deilbhíní nó léaráidí inlíne go minic ar shuímh ghréasáin.

Trí chód SVG neamhriachtanach a bhaint, laghdaítear an t-am a thógann sé ar an mbrabhsálaí an doiciméad XML a pharsáil agus an grafaic a rindreáil ar an scáileán. Cuidíonn an laghdú seo ar mhéid na gcomhad le feidhmíocht iomlán an tsuímh a bharrfheabhsú, go háirithe ar ghléasanna soghluaiste nó ar naisc idirlín atá mall.

Sonraí is Féidir a Bhaint as Cód SVG go Sábháilte

Is féidir go leor gnéithe de chód SVG a ghlanadh gan cur isteach ar an gcaoi a bhféachann an grafaic féin. Is próiseas caomhnaitheach é seo a dhíríonn ar ghnéithe nach bhfeiceann an t-úsáideoir deiridh.

Baineann an próiseas optamaithe na heilimintí seo a leanas amach as an gcód:

• Tuairimí agus Meiteashonraí: Tuairimí forbróra (<!-- comment -->) agus meiteashonraí cruthaitheora nach bhfuil gá leo le haghaidh rindreála.
• Spásanna Ainmneacha Eagarthóra: Clibeanna agus tréithe a chuireann bogearraí dearaidh (cosúil le Adobe Illustrator nó Inkscape) isteach chun staid an eagarthóra a shábháil.
• Spásáil Bhreise: Spásanna bána agus línte nua neamhriachtanacha idir tréithe XML.
• Spásanna Ainmneacha Neamhúsáidte: Dearbhuithe spás ainm XML nach bhfuil á n-úsáid sa doiciméad.
• Dathanna Comhionanna Níos Giorra: Tiontú luachanna datha go dtí an leagan is giorra is féidir (mar shampla, #ffffff a thiontú go #fff).

Ag an am céanna, coimeádtar an viewBox, IDanna, lipéid agus an chéimseata slán chun a chinntiú nach mbristear struchtúr ná feidhmiúlacht an ghrafaic.

Optamú "Gan Caillteanas" i gComhthéacs Grafaice

Is ionann optamú "gan caillteanas" (lossless) i gcomhthéacs SVG agus méid an chomhaid a laghdú gan cáilíocht amhairc na híomhá a athrú ar chor ar bith. Chun an tsábháilteacht seo a ráthú, seachnaíonn an t-optamaitheoir gníomhartha a d'fhéadfadh an grafaic a mhilleadh nó a athrú.

Ní dhéantar athscríobh ar chonairí (<path>), ní athainmnítear IDanna a d'fhéadfadh a bheith nasctha le stíleanna CSS nó scripteanna JavaScript, ní bhaintear an viewBox, agus ní dhéantar slánú beachtais ar chomhordanáidí uimhriúla. Cinntíonn an cur chuige seo go bhfanann an SVG díreach mar a bhí sé ó thaobh amhairc de, ach le níos lú beart sonraí.

Cód SVG Inlíne i gComparáid le Comhaid Sheachtracha

Is féidir SVG a úsáid ar dhá phríomhbhealach ar shuíomh gréasáin: mar chomhad seachtrach (lódáilte trí chlib <img> nó CSS) nó mar chód inlíne (greamaithe go díreach sa doiciméad HTML).

Tá buntáistí ag baint le SVG inlíne mar go laghdaíonn sé líon na n-iarratas HTTP a chaithfidh an brabhsálaí a dhéanamh. Ligeann sé freisin d'fhorbróirí stíleanna CSS agus idirghníomhaíocht JavaScript a chur i bhfeidhm go díreach ar eilimintí an SVG. Mar sin féin, méadaíonn SVG inlíne méid an doiciméid HTML féin, rud a fhágann go bhfuil sé ríthábhachtach an cód SVG a bharrfheabhsú agus a ghlanadh roimh é a chur isteach sa chód foinseach.

Slándáil agus Impleachtaí Parsála XML

Toisc go bhfuil SVG bunaithe ar XML, tá sé so-ghabhálach do rioscaí slándála áirithe a bhaineann le parsáil XML. Is féidir le comhaid SVG a úsáideann dearbhuithe cineál doiciméid (DOCTYPE) nó eintitis saincheaptha a bheith contúirteach má pharsáiltear iad i dtimpeallachtaí neamhshábháilte.

Chun slándáil an úsáideora a chosaint, cuireann an t-optamaitheoir bac ar SVGanna a úsáideann cineál doiciméid nó dearbhuithe eintitis saincheaptha. Má bhraitheann an uirlis na heilimintí seo, stopfar an phróiseáil chun rioscaí slándála a sheachaint.

Príobháideacht agus Próiseáil Sonraí sa Bhrabhsálaí

Nuair a úsáideann tú an uirlis seo, déantar do chód SVG a optamú i do bhrabhsálaí. Ní uaslódáiltear aon rud chuig BroBroGo. Tarlaíonn an phróiseáil go léir go háitiúil ar do ghléas féin, rud a chiallaíonn nach bhfágann do chód SVG do ríomhaire le linn an phróisis optamaithe.

Treoir Úsáide agus Teachtaireachtaí Earráide

Chun an uirlis a úsáid, greamaíonn tú an cód SVG isteach sa réimse ionchuir. Próiseálann an uirlis an cód láithreach agus taispeánann sí na torthaí. Má athraíonn tú nó má ghlanann tú an t-ionchur le linn optamaithe, cuirfear stop leis an bpróiseas láithreach.

Taispeánann an uirlis na méideanna seo a leanas tar éis an phróisis:

• Bunleagan: Méid an bhun-SVG i mbearta.
• Aschur: Méid an SVG optamaithe i mbearta.
• Sábháilte: An méid spáis a sábháladh i mbearta agus mar chéatadán.

Ag brath ar staid an ionchuir agus an phróisis, feicfidh tú na teachtaireachtaí seo a leanas:

• Nuair a éiríonn leis an optamú: Optamaithe — {pct}% níos lú ({saved} sábháilte)..
• Mura sábhálfar aon mhéid leis an nglanadh sábháilte: Optamaithe. Níor sábháladh aon mhéid leis an nglanadh sábháilte..
• Má tá an t-ionchur folamh: Greamaigh cód SVG ar dtús..
• Mura bhfuil eilimint SVG sa chód: Níor aimsíodh aon eilimint <svg>..
• Má tá cineál doiciméid nó eintiteas saincheaptha sa chód: Úsáideann an SVG seo cineál doiciméid nó eintiteas saincheaptha. Bain é sula ndéanann tú optamú..
• Má sháraíonn an cód an teorainn carachtar: Tá an SVG seo ró-mhór don uirlis seo. Coinnigh faoi {max} carachtar é..
• Má thógann an próiseas níos mó ná 15 shoicind: Thóg sé sin ró-fhada agus cuireadh stop leis — bain triail as SVG níos lú..
• Má tharlaíonn earráid ghinearálta eile: Níorbh fhéidir an SVG seo a optamú..

Ceisteanna Coitianta

Cad a bhaineann sé as?

Baineann sé tuairimí, meiteashonraí, spásanna ainmneacha eagarthóra, spásáil bhreise tréithe, spásanna ainmneacha neamhúsáidte agus dathanna comhionanna níos giorra. Coimeádann sé an viewBox, IDanna, lipéid agus céimseata slán.

An féidir leis gach SVG a optamú?

Láimhseálann sé gnáthchód SVG inlíne. Cuirtear bac ar SVGanna le cineál doiciméid nó dearbhuithe eintitis saincheaptha mar is féidir leo sin parsing a dhéanamh neamhshábháilte. Bain na dearbhuithe sin agus bain triail as arís.

An athróidh sé an chaoi a bhféachann an grafaic?

Seachnaíonn an t-optamaitheoir athscríobh conairí, athainmniú ID, baint viewBox agus slánú beachtais. Má bhraitheann do SVG ar thuairimí nó ar mheiteashonraí le haghaidh sreabhadh oibre dearaidh, coinnigh cóip den bhunleagan.

Cá bpróiseáiltear mo chuid comhad?

Déantar do chód SVG a optamú i do bhrabhsálaí. Ní uaslódáiltear aon rud chuig BroBroGo, rud a chinntíonn go bhfanann do chuid sonraí ar do ghléas féin le linn an phróisis.