Kuna muundo wa picha ambazo zinaweza kutumika kwenye kurasa za wavuti. Mifano fulani ya kawaida ni GIF , JPG , na PNG . Faili za SVG pia hutumiwa mara kwa mara kwenye tovuti leo, kutoa wabunifu wa wavuti bado chaguo jingine kwa picha ya mtandaoni.
Picha za GIF
Tumia faili za GIF kwa picha ambazo zina idadi ndogo ya rangi. Faili za GIF zimepunguzwa kwa rangi zaidi ya 256. Hifadhi ya kukandamiza kwa faili za GIF sio ngumu zaidi kuliko faili za JPG, lakini inapotumika kwenye picha za rangi ya gorofa na maandiko huzalisha ukubwa wa faili ndogo sana.
Fomu ya GIF haifai picha za picha au picha zilizo na rangi za rangi. Kwa sababu muundo wa GIF una idadi ndogo ya rangi, gradients na picha zitakamilika na banding na pixelation wakati umehifadhiwa kama faili ya GIF.
Kwa kifupi, ungependa kutumia GIF tu kwa picha rahisi na rangi chache tu, lakini pia unaweza kutumia PNGs kwa hilo pia (zaidi kwa muda mfupi).
Picha za JPG
Tumia picha za JPG kwa picha na picha zingine ambazo zina mamilioni ya rangi. Inatumia algorithm ngumu ya uingizaji ambayo inakuwezesha kuunda graphics ndogo kwa kupoteza ubora wa picha. Hii inaitwa kupoteza "kupoteza" kwa sababu baadhi ya maelezo ya picha yanapotea wakati picha imesisitizwa.
Fomu ya JPG haifai kwa picha zilizo na maandiko, vitalu vingi vya rangi imara, na maumbo rahisi na midomo ya crisp. Hii ni kwa sababu wakati picha imesisitizwa, maandishi, rangi, au mistari zinaweza kuchanganya kusababisha picha ambayo sio kali kama ingehifadhiwa katika muundo mwingine.
Picha za JPG zinatumiwa vizuri zaidi kwa picha na picha zilizo na kura nyingi na rangi nyingi.
Picha za PNG
Fomu ya PNG ilitengenezwa kama uingizaji wa muundo wa GIF wakati ilionekana kuwa picha za GIF zingekuwa chini ya ada ya kifalme. Faili za PNG zina kiwango cha kupandisha bora zaidi kuliko picha za GIF ambazo husababisha picha ndogo kuliko faili moja iliyohifadhiwa kama GIF. Faili za PNG hutoa uwazi wa alpha, kwa maana unaweza kuwa na maeneo ya picha zako ambazo zina uwazi kikamilifu au hata hutumia uwazi wa aina ya alpha. Kwa mfano, kivuli cha kushuka hutumia madhara mbalimbali ya uwazi na itakuwa yanafaa kwa PNG (au unaweza tu kumaliza sisi kutumia vivuli vya CSS badala).
Picha za PNG, kama GIFs, hazistahili picha. Inawezekana kupata karibu na suala la banding linaloathiri picha zilizohifadhiwa kama faili za GIF kwa kutumia rangi za kweli, lakini hii inaweza kusababisha picha kubwa sana. Picha za PNG pia haziungwa mkono vizuri na simu za mkononi za zamani na simu za simu.
Tunatumia PNG kwa faili yoyote ambayo inahitaji uwazi. Pia tunatumia PNG-8 kwa faili yoyote ambayo inaweza kufaa kama GIF, kwa kutumia fomu hii ya PNG badala.
SVG Picha
SVG inasimama kwa Scalable Vector Graphic. Tofauti na viundo vya msingi vya raster vilivyopatikana kwenye JPG, GIF, na PNG, faili hizi hutumia vectors kuunda faili ndogo sana ambazo zinaweza kutolewa kwa ukubwa wowote bila kupoteza ubora wa ongezeko la ukubwa wa faili. Zimeundwa kwa mifano kama icons na hata alama.
Kuandaa Picha za Utoaji wa Mtandao
Bila kujali aina ya picha ambayo unatumia, na tovuti yako ni hakika kutumia fomu mbalimbali za kurasa zake zote, unahitaji kuhakikisha kwamba picha zote kwenye tovuti hiyo zimeandaliwa kwa utoaji wa mtandao . Picha kubwa sana zinaweza kusababisha tovuti kuendesha polepole na kuathiri utendaji wa jumla. Ili kupambana na hili, picha hizi zinapaswa kuwezeshwa ili kupata uwiano kati ya ubora wa juu na ukubwa wa faili chini kabisa iwezekanavyo katika ngazi hiyo ya ubora.
Uchaguzi wa picha za picha sahihi ni sehemu ya vita, lakini pia kuhakikisha umeandaa faili hizo ni hatua inayofuata katika mchakato huu muhimu wa utoaji wa mtandao.
Makala ya awali na Jennifer Krynin. Iliyotengenezwa na Jeremy Girard.