Jinsi ya kubana picha kwa wavuti bila kuziharibu

Picha nyingi zinazohisi "kubwa sana" kwa tovuti hazijabanwa vibaya. Wao ni pana na mrefu zaidi kuliko wanavyohitaji kuwa. Picha moja kwa moja kutoka kwa simu inaweza kuwa na upana wa pikseli 4000 na bado itaishia kwenye kisanduku chenye upana wa pikseli 700. Kubadilisha ukubwa wa picha hiyo hufanya zaidi kwa saizi yake ya faili kuliko kugusa kitelezi cha ubora milele.

Kazi hizi mbili zinahusiana lakini sio sawa. Kubadilisha ukubwa hubadilisha idadi ya pikseli. Mfinyazo hubadilisha kiasi cha data kinachotumika kuelezea kila pikseli. Sahihisha vipimo kwanza, kisha ukandamize—na picha zako zitaonekana bora kwa ukubwa sawa wa faili.

Anza na vipimo, sio kitelezi cha ubora

Amua jinsi picha itaonekana kwa upana, kisha uhesabu skrini zenye msongamano mkubwa. Kanuni ya vitendo ni kusafirisha nje kwa upana mara mbili ya CSS ikiwa unataka ibakie mkali kwenye simu na kompyuta za mkononi zenye skrini mnene. Kadi ya upana wa pikseli 600, kwa mfano, inafaidika na picha ya 1200-pixel.

Huna haja ya kuhesabu hii kikamilifu. Ikiwa ya asili ina upana wa pikseli 6000 na kubwa zaidi itawahi kuonyeshwa ni karibu 1600, hakuna manufaa ya kuonekana kwa kuweka pikseli za ziada. Kupunguza upande mrefu ndio uokoaji mkubwa zaidi unaopatikana.

Kile ambacho mpangilio wa ubora hubadilika

Kwa JPEG, thamani ya ubora hudhibiti jinsi kisimbaji kinavyotupa kwa ukali maelezo ambayo kuna uwezekano mdogo wa kuona. Sio asilimia ya ubora wa asili, na 80 haimaanishi "80% nzuri." Ni hatua kwa kiwango ambapo maadili ya chini hutoa faili ndogo na mabaki yanayoonekana zaidi.

• Karibu 80-85 ni safu nzuri ya picha zinazohitaji kuonekana safi. Tofauti kutoka kwa asili kawaida ni ngumu kuona kwa saizi ya kawaida ya kutazama.
• Karibu 70-78 inafanya kazi vizuri kwa picha za wavuti ambazo zinakaa katika mpangilio na hazijachunguzwa kwa karibu. Ukubwa wa faili hupungua sana.
• Chini ya takriban 60, vizalia vya programu vinakuwa rahisi kuonekana: mabaka meusi katika anga laini, halos kuzunguka kingo, na maandishi ya fuzzy. Kwa picha za skrini au michoro yenye aina, epuka kwenda chini hivi.

JPEG compression pia misombo. Kuhifadhi JPEG ambayo tayari imehifadhiwa katika ubora wa chini hakuonyeshi maelezo ya awali tena; inaongeza safu ya pili ya hasara. Anza kutoka kwa nakala bora uliyo nayo na usafirishaji mara moja kwa ukubwa unaohitaji.

PNG haina hasara, kwa hivyo kitelezi cha ubora hakitumiki. PNG kwa ujumla itakuwa kubwa kuliko JPEG kwa maudhui ya picha, lakini huweka kingo kali na uwazi. WebP inaweza kutumika katika hali ya upotevu au isiyo na hasara; kwa ubora sawa, WebP yenye hasara mara nyingi ni ndogo kuliko JPEG, ingawa utangamano na programu za zamani ni finyu kidogo.

Chagua umbizo kabla ya kuiweka vizuri

Chaguo la umbizo hufanya zaidi ya mipangilio ya kubana. Tumia JPEG au WebP iliyopotea kwa picha, picha za skrini zilizo na maudhui ya picha, na picha yoyote ambapo toni zinazoendelea ni muhimu. Tumia PNG kwa michoro ya rangi bapa, nembo, picha za skrini za kiolesura na chochote kinachohitaji mandharinyuma yenye uwazi. JPEG haina uwazi; wakati picha iliyo na mandharinyuma iliyokatwa inahifadhiwa kama JPEG, maeneo hayo hujazwa—kwa kawaida na nyeupe.

Kosa la kawaida ni kuhifadhi picha ya skrini ya maandishi kama JPEG. Mfinyazo huu huunda mwanga halo na uchafu kwenye herufi, ambayo hufanya picha kuhisi ubora wa chini hata katika mpangilio wa wastani. PNG au WebP itaweka aina safi na mara nyingi hutoa faili ndogo kwa aina hii ya maudhui hata hivyo. Kuna kulinganisha kwa karibu zaidi katika JPG, PNG, au WebP?

Mtiririko wa busara wa kazi

1. Weka asili. Fanya kazi kutoka kwa nakala na usiwahi kubatilisha toleo pekee la picha unayojali.
2. Badilisha ukubwa hadi ukubwa mkubwa zaidi utakaoonyeshwa. Tumia upana wa mpangilio mara mbili ikiwa ungependa skrini zenye msongamano wa juu zisalie mkali. Usipande au kunyoosha ili tu kupiga nambari; weka uwiano wa kipengele isipokuwa muundo unahitaji kubadilishwa.
3. Chagua umbizo kulingana na yaliyomo. Picha: JPEG au WebP. Mchoro tambarare au uwazi: PNG au WebP.
4. Anza kwa ubora wa 80. Linganisha na 75 na 85 ikiwa huna uhakika. Sogeza chini tu wakati picha bado imesimama kwa ukubwa ambao watu wataiona.
5. Iangalie kwa 100% na ukubwa wa mpangilio. Imesogezwa nje, karibu kila kitu kinaonekana sawa. Ukiwa umevutwa ndani, unaweza kuona vizalia vya programu kwenye kingo na nyuso. Angalia zote mbili.

Pamoja na compressor ya picha, kifuniko cha upande mrefu zaidi na thamani ya ubora huonekana kwa pamoja, kwa hivyo unaweza kujaribu mchanganyiko na kulinganisha saizi ya kabla na baada kabla ya kupakua. The resize ni chaguo bora wakati vipimo vinahitaji kuwa sawa, ikijumuisha kuongeza asilimia na uwiano wa vipengele vilivyowekwa.

Makosa ya kawaida, na nini cha kufanya badala yake

Kubana kabla ya kubadilisha ukubwa

Kuhifadhi picha ya pikseli 6000 katika ubora wa 50 hutoa faili ambayo bado ni kubwa, ambayo sasa ina uharibifu unaoonekana. Resize kwanza, kisha compress. Picha sawa ya pikseli 1600 na ubora wa 80 kwa kawaida itaonekana bora na uzito mdogo.

Kufukuza faili ndogo iwezekanavyo

"Ndogo" sio lengo peke yake. Picha ya bidhaa ambayo inaonekana yenye matope kwa ubora wa 40 inaweza kuwa ndogo kuliko moja katika ubora wa 78, lakini pia inaonekana mbaya zaidi kwenye ukurasa. Lenga kwa udogo wa kutosha: wazi kwa ukubwa unaoonyeshwa, bila kupoteza saizi au megabaiti.

Kubadilisha uwazi kuwa JPEG

Ikiwa nembo ina mandharinyuma ya uwazi, JPEG itajaza na nyeupe. Kwenye ukurasa wa rangi, hiyo inaonekana kama kisanduku dhahiri. Weka PNG au WebP, au uandae toleo lililoundwa kwa ajili ya rangi mahususi ya usuli.

Inahifadhi tena JPEG sawa mara kwa mara

Kila kuokoa hasara huongeza mabaki. Uhariri wa kundi unapaswa kuanza kutoka kwa faili asili, sio kutoka kwa toleo la mwisho lililohamishwa. Weka bwana wa hali ya juu na utengeneze toleo la wavuti kutoka kwake.

Kusahau metadata

Picha zinaweza kubeba maelezo ya kamera na data ya eneo katika metadata zao. Usimbaji upya kupitia turubai, kama Lovely Tools hufanya, hutoa picha mpya bila metadata hiyo iliyoambatishwa. Hii mara nyingi ni nzuri kwa faragha, lakini pia inamaanisha unapaswa kuweka ya asili ikiwa unahitaji metadata kwa ajili ya kumbukumbu au sababu za kitaaluma. Vivinjari vya kisasa hutumia mwelekeo wa picha wakati wa kuchora, kwa hivyo picha za wima hazipaswi kufika kando.

Ambapo compression hutokea

Katika Lovely Tools, picha hutambulishwa na kivinjari chako, inachorwa kwenye turubai katika vipimo vilivyochaguliwa, na kusimba tena kama faili mpya. Hakuna kinachopakiwa. Ya asili hukaa bila kuguswa, na nakala iliyobanwa inapatikana tu kwenye kichupo cha kivinjari hadi uipakue.

Hiyo pia inaelezea mipaka. Kazi zote hufanyika kwenye kumbukumbu ya kifaa chako, kwa hivyo picha kubwa sana au vikundi vikubwa vinaweza kuwa polepole kwenye simu. Injini ya turubai ya kivinjari pia ina ukubwa wa juu. Ikiwa picha ni kubwa sana, zana itaomba kipimo kidogo badala ya kutoa matokeo yaliyoharibika kimya kimya.

Je, uko tayari kuijaribu? Finyaza picha au kusoma nini maana ya kukimbia ndani ya nchi.