Chifukwa Chimene Muyenera Kugwiritsa Ntchito SVG pa Website Yanu Masiku Ano

Phindu logwiritsa ntchito Scalable Vector Graphics

Zithunzi Zojambula Zosintha, kapena SVG, zimathandiza kwambiri pa mapangidwe a webusaiti lero. Ngati simunagwiritse ntchito SVG pakagwiritsidwe ntchito kwa intaneti, pali zifukwa zina zomwe muyenera kuyambira kuchita, kuphatikizapo zovuta zomwe mungagwiritse ntchito kwa osuta akale omwe satsatira mafayilo awa.

Kusintha

Phindu lalikulu la SVG ndi kusankha kudziimira. Chifukwa mafayilo a SVG ali zithunzi zojambulajambula m'malo mojambula zithunzi zojambula pa pixel, akhoza kusinthidwa popanda kutayika khalidwe lililonse. Izi zimathandiza makamaka pamene mukupanga mawebusaiti ovomerezeka omwe amafunika kuwoneka bwino ndikugwira ntchito bwino pazithunzi zamitundu yonse .

Maofesi a SVG angathe kuwerengedwa kapena pansi kuti agwirizane ndi kusintha kosintha ndi zofunikira za wanu webusaitiyi ndipo simukusowa kudandaula za zithunzizo zomwe zili ndi khalidwe losokonezeka.

Fayilo

Imodzi mwa mavuto omwe mukugwiritsa ntchito pogwiritsa ntchito zithunzi zowonongeka (JPG, PNG, GIF) pa mawebusaiti omvera ndi fayilo kukula kwa zithunzizo. Chifukwa mafano a raster sakuyendetsa njira zomwe ma vector amachitira, muyenera kutulutsa zithunzi zanu zojambula ndi pixel pa kukula kwake kwakukulu komwe adzasonyezedwe. Izi ndichifukwa chakuti nthawi zonse mungapange fano laling'ono ndikusunga khalidwe lake, koma zomwezo sizowona kupanga mapangidwe akuluakulu. Chotsatira chake ndi chakuti nthawi zambiri mumakhala ndi zithunzi zomwe ziri zazikulu kwambiri kuposa zomwe zikuwonetsedwa pawonekedwe la munthu, zomwe zikutanthauza kuti akukakamizidwa kuti azitsatira fayilo lalikulu kwambiri.

SVG imatsutsa zovuta izi. Chifukwa zithunzi zojambulajambula zimatha, mukhoza kukhala ndi kukula kwa mafayilo ang'onoang'ono mosasamala kanthu kuti zithunzizo zingakhale zazikulu bwanji. Izi zidzatha kukhala ndi zotsatira zabwino pazochitika zonse pa webusaiti ndikuwombera mwamsanga.

CSS Styling

Mndandanda wa SVG ukhoza kuwonjezeredwa mwachindunji ku HTML ya tsamba. Izi zimadziwika kuti "SVG yachindunji." Mmodzi mwa ubwino wogwiritsa ntchito mkati mwa SVG ndikuti popeza zithunzizo zimachokera ndi osatsegula pogwiritsa ntchito code yanu, palibe chifukwa chofunsira HTTP kuti mutenge fayilo ya fano. Phindu lina ndilo kuti SVG yapakati imatha kulembedwa ndi CSS.

Mukufunikira kusintha mtundu wa chizindikiro cha SVG? M'malo mofuna kutsegula chithunzichi pulogalamu yamakina ndi kusintha ndikukweza fayilo kachiwiri, mukhoza kusintha fayilo ya SVG ndi mizere ingapo ya CSS.

Mungagwiritsenso ntchito mitundu ina ya CSS pa zithunzi za SVG kuti muzisinthe pazomwe zimapangidwira kapena zofunikira zina. Mungathe ngakhale kuwonetsa zithunzizo kuti muwonjezere kayendetsedwe kake ndi kusakanikirana ndi tsamba.

Masewera

Chifukwa mafayilo a SVG apakati akhoza kulembedwa ndi CSS, mungagwiritsenso ntchito mafilimu a CSS. CSS amasintha ndi kusintha ndi njira ziwiri zosavuta zowonjezera moyo kwa mafayilo a SVG. Mukhoza kupeza zowonjezera zowonjezera zomwe zili pa tsamba popanda kugonjetsedwa ndi zovuta zomwe zimabwera pogwiritsa ntchito Flash pa Websites lero.

Ntchito za SVG

Wamphamvu ngati SVG, mafilimu awa sangasinthe mtundu uliwonse wa mafano omwe mumagwiritsa ntchito pa webusaiti yanu. Zithunzi zomwe zimafuna kuya kwa kuya kwakukulu zidakali zofunikira kukhala JPG kapena fayilo ya PNG, koma zithunzi zosavuta ngati zithunzi ziri zoyenerera kuti zichitidwe monga SVG.

SVG ikhoza kukhala yoyenera pa mafanizo ovuta kwambiri, monga logos kampani kapena ma graphi. Mafilimu onsewa adzapindula pokhala osasinthika, okhoza kulembedwa ndi CSS, ndi ubwino wina womwe ukutchulidwa m'nkhaniyi.

Thandizo kwa Osewera Achikulire

Thandizo lamakono la SVG ndilobwino kwambiri m'masewera amakono amakono. Makasitomala okha omwe alibe kwenikweni chithandizo cha mafilimu awa ndi akale akale a Internet Explorer (Version 8 ndi pansi) ndi mausinkhu angapo akale a Android. Zonsezi, chiwerengero chochepa cha osakatukula chikugwiritsabe ntchito makasitomalawa, ndipo nambala imeneyo ikupitirirabe. Izi zikutanthauza kuti SVG ingagwiritsidwe ntchito mokongola pa webusaiti lero.

Ngati mukufuna kupereka chigamulo cha SVG, mungagwiritse ntchito chida monga Grumpicon kuchokera ku Filament Group. Chothandizira ichi chidzatenga mafayilo anu a SVG mafano ndikupanga zovuta za PNG kwa osuta akale.

Yosinthidwa ndi Jeremy Girard pa 1/27/17