Yanke hoto _

Yadda yanke hoto a burauza yake aiki

Tsarin yankewa yana gudana gaba ɗaya a cikin shafin burauzar ku ta amfani da Canvas API. Babu sarrafa uwar garken, babu ɗorawa, babu sabis na wasu. Kowane mataki yana faruwa akan na'urar ku.

1. Loda hoton zuwa cikin kashi na <img> don burauza ya ɓoye shi a cikin na'ura. Rufin canvas yana nuna hoton da aka daidaita don dacewa da sararin kallo yayin da murabba'in zaɓi mai ja yake nuna yankin yankewa na yanzu.
2. Ja murabba'in ta gefuna ko kusurwoyi don daidaita yankin yankewa. Murabba'in ya tsaya a cikin iyakokin hoton don haka ba za ku iya zaɓar yanki a wajen hoton ba. Lokacin da aka kunna gwargwado na musamman (1:1, 16:9, 4:3), canza girman yana kiyaye wannan gwargwado ta atomatik.
3. Ma'aunin pixel yana sabuntawa kai tsaye yayin da kuke ja, yana nuna faɗi, tsayi, da matsayin X da Y na yanzu a daidaitattun pixel na hoto. Wannan yana ba ku damar yi wa ainihin girma niyya ba tare da zato ba.
4. Lokacin da kuka danna Yanke & Sauke, shafin yana zana zaɓaɓɓen yanki na hoton asali kawai akan wani canvas na waje a ainihin ƙudurin pixel, sannan ya fitar da sakamakon ta hanyar canvas.toBlob() a tsarin daidai da na fayil ɗin asali. Ana samar da URL na Blob don saukewa.

Me yasa ake yanke hotuna kai tsaye?

• Yankewa yana kawar da gefuna marasa buƙata, sarari mara amfani, ko ruɗin gani. Sau ɗaya yanke hoto sau da yawa yana inganta ƙirar hoto fiye da kowane tacewa ko gyaran launi.
• Sarrafa gwargwado yana da mahimmanci ga dandamalin bugawa. Kafofin sada zumunta suna tsammanin 1:1 don bayanan martaba, 16:9 don ƙananan hotunan bidiyo, da 4:3 don ɗaukar hoto na yau da kullun. Yanke zuwa madaidaicin gwargwado yana guje wa letterboxing mara kyau ko yanke gefuna lokacin lodayawa.
• Yankewa a gefen abokin ciniki shine kawai zaɓi akan na'urorin kamfani da aka kulle waɗanda ba su da editan hoto. Tunda babu abin da ake ɗorawa, babu haɗarin zubar da bayanai kuma babu buƙatar bitar yarda don hotuna masu mahimmanci.
• Ma'aunin kai tsaye yana kawar da zato. Kuna ganin daidaitattun pixel da girman zaɓi yayin da kuke ja, don haka zaku iya yankewa zuwa ainihin faɗi da tsayi ba tare da canzawa zuwa kayan aikin auna pixel ba.

Amfanin yanke hoto na yau da kullun

Yankewa ɗaya ne daga cikin gyare-gyaren hoto na yau da kullun a bugawar yanar gizo, kafofin sada zumunta, da haɓaka software. Ga misalai uku inda mai yanke hoto na burauza ke ceton lokaci.

• Shirya hotunan samfur don kantin sayar da kayayyaki na kan layi. Yanke zuwa gwargwado 1:1 ko 4:5 na yau da kullun don kowane ƙaramin hoto na jeri ya daidaita a grid. Fitarwa tana adana tsarin asali, don haka hotunan JPEG na samfur suna zama JPEG.
• Yanke hotunan allo don takardu ko rahotannin kurakurai. Yanke sandar kayan aikin burauza, sandar aikin Windows, ko sanarwar sirri kafin haɗa hoton zuwa tikiti ko buƙatar ja (pull request).
• Ƙirƙirar hoton banner na shafi na saukowa. Kulle gwargwado na 16:9, sanya mafi mahimmancin ɓangaren hoton a tsakiyar murabba'in yankewa, kuma fitar da shi a ainihin ƙuduri don mafi kyawun inganci akan nunin retina.

Misali: yanke hoton 4000×3000 zuwa 1200×675 don babban banner

Hoton pixel 4000×3000 daga kyamarar dijital ya yi girma da yawa ga banner na yanar gizo na yau da kullun. Wurin banner na iya zama 1200×675 (firam 16:9).

Jefa hoton a cikin yankin lodi. Hoton yana lodi da cikakken ƙuduri amma yana daidaitawa don dacewa da sararin kallo don sauƙin jan aiki. Zaɓi gwargwado na 16:9. Murabba'in yankewa yana kulle kai tsaye zuwa mafi faɗin yanki na 16:9 wanda ya dace da hoton. Ja murabba'in don sanya mahimmin batu — kolin dutse, samfur, ko fuskar mutum — a cikin firam ɗin. Ma'aunin kai tsaye yana nuna zaɓi na yanzu a matsayin 4000×2250 (tagan 16:9 na hoton gaba ɗaya). Kama kusurwa kuma ja ciki har sai faɗin ya kai 1200 px. Tsayi yana bi ta atomatik saboda an kulle gwargwado. Danna Yanke & Sauke. Shafin yana cire zaɓaɓɓen yanki 1200×675 daga pixel na asali kuma ya ba da fayil ɗin da aka yanke a tsarin asali. Dukan aikin yana ɗaukar daƙiƙa ɗaya zuwa biyu kuma baya amfani da bandwidth na hanyar sadarwa face lodin shafi na farko.

Wadanne tsarin hoto ne ake tallafawa don yankewa?

Kayan aikin yana karɓar kowane tsarin da burauza zai iya ɓoyewa: PNG, JPEG da WebP suna rufe kusan dukkan amfanin duniya na gaske. Sakamakon da aka yanka ana adana shi a tsarin daidai da na fayil ɗin asali. PNG yana zama marar hasara, JPEG yana kiyaye matakin ingancinsa na asali, kuma WebP yana zama WebP. Ana gano tsarin daga nau'in MIME na fayil ɗin asali.

Shin yankewa yana rage girman fayil ɗin hoto?

Yankewa yana cire pixel, don haka girman fayil ɗin sakamako yawanci ya fi ƙanƙanta da na asali, musamman lokacin da kuka yanke babban iyaka ko yanki mara amfani. Fitarwa tana amfani da tsarin fayil ɗin asali da sigogin ɓoye shi — PNG yana zama marar hasara, JPEG yana kiyaye saitin ingancinsa na asali — don haka ajiyar ya fito ne kawai daga rage yawan pixel, ba daga sake matsawa ba.

Menene gwargwadon da aka saita a gaba yake yi?

Matsaitan da aka saita a gaba (1:1, 16:9, 4:3, 3:2, 9:16) suna kulle gwargwadon faɗi zuwa tsayi na murabba'in yankewa. Lokacin da matsaici yake aiki, jan kowane kusurwa ko gefe yana daidaita girman zaɓi yayin kiyaye gwargwado na yau da kullun. Canzawa zuwa yanayin Kyale yana cire takura don ku daidaita murabba'in yadda kuke so. Ana aiwatar da gwargwado akan daidaitattun pixel na hoto, don haka fitarwar tana da ainihin gwargwadon da kuka zaɓa.

Shin hoton yana lodawa zuwa uwar garken?

A'a. Hoton ba ya barin na'urar ku. Shafin yana amfani da File API na burauza don karanta hoton a cikin ƙwaƙwalwar ajiya da Canvas API don yankewa da fitar da sakamako. Kuna iya tabbatar da wannan ta buɗe panel ɗin Network a cikin DevTools na burauzar ku — buƙatun da ke fita kawai yayin yankewa sune lodin shafi na farko da kiran talla. Babu bayanan hoton da ake watsawa.

Zan iya yanke wani yanki na musamman ta shigar da ainihin daidaitattun pixel?

Sigar yanzu tana daidaita murabba'in yankewa ta hanyar ja akan samfoti na hoto. Kuna iya karanta daidaitattun pixel na kai tsaye na X, Y, faɗi da tsayi na zaɓi. Shigar da lamba kai tsaye don murabba'in yankewa baya samuwa a v1 amma haɓakawa ne da aka tsara don sabuntawa na gaba.

Menene ya faru da hoton asali?

Fayil ɗin asali yana kasancewa akan na'urar ku. Shafin yana karanta shi zuwa ƙwaƙwalwar ajiyar burauza don nunawa da yankewa, amma baya canza fayil ɗin asali a faifai ba. Sakamakon da aka yanka sabon fayil ne da kuke saukewa daban. Asalin yana kasancewa ba a taɓa shi ba a asalin wurinsa akan kwamfutar ko wayarku.

Shin akwai iyaka girman fayil don yankewa?

Kayan aiki yana mutunta iyakar MB 30 kowace fayil a yankin lodi don sarrafa ƙwaƙwalwar ajiyar burauza akan na'urori masu ƙarancin iyawa. Idan hotonku ya fi MB 30 girma, zaku iya rage girmansa da farko ta amfani da kayan aiki na musamman na mai rage girman hoto kafin loda shi nan don yankewa.

Shin yankewa yana aiki akan wayoyin hannu da kwamfutar hannu?

E. An ƙera hannayen yankewa da la'akari da wuraren taɓawa, kuma hulɗar tana amfani da abubuwan nuni da ke aiki da danna linzami da taɓa yatsa. A allon waya, samfoti na hoto yana daidaitawa da faɗin da ake da shi, kuma abubuwan sarrafawa suna jera a tsaye don sauƙin amfani da hannu ɗaya.