Picha ya Skrini inanasa picha za ubora wa juu za ukurasa wowote wa wavuti katika hali mbili — eneo linaloonekana au ukurasa mzima.
Picha za skrini za asili za kivinjari (kwa kutumia zana za mfumo wa uendeshaji kama Cmd+Shift+4 au Snipping Tool) hupiga picha ya skrini nzima, ikijumuisha muundo wa kivinjari (browser chrome), toolbars, na madirisha mengine. Hazina uwezo wa kunasa maudhui yaliyo chini ya sehemu inayoonekana (below the fold). Zana ya Screenshot ya DevSuite inatatua matatizo yote mawili — inanasa tu maudhui ya ukurasa wa wavuti (bila UI ya kivinjari) na inaweza kusogeza (scroll) katika ukurasa mzima ili kuunda picha moja endelevu ya ukurasa kamili.
Hali ya eneo linaloonekana (visible area) hutumia Chrome's native capture API kwa usahihi wa pixel-perfect. Hali ya ukurasa kamili (full page) husogeza ukurasa kiotomatiki, kunasa kila kipande cha viewport (tile), na kuviunganisha pamoja kuwa picha moja endelevu. Matokeo ni PNG ya ubora kamili (full-resolution), inayolingana na device pixel ratio ya skrini yako, hivyo picha za skrini zinabaki wazi kabisa kwenye skrini za Retina na high-DPI.
Elements zilizowekwa kudumu (fixed) na zinazobandika (sticky) — kama headers, cookie banners, chat widgets — zinashughulikiwa kiotomatiki wakati wa kunasa ukurasa kamili: kwa kuwa zana hii inasogeza ukurasa halisi badala ya kuunganisha vipande kutoka kwa headless renderer, kitu chochote kilichobandikwa kwenye viewport kinanaswa mara moja tu katika nafasi yake sahihi badala ya kurudiwa kwenye kila kipande. Picha zinazopakiwa taratibu (lazy-loaded) na maudhui yanayotolewa tu yanaposogezwa kwenye mwonekano yanachochewa kiasili wakati unasaji unapopita eneo hilo, hivyo picha ya mwisho inaonyesha kile mtembeleaji halisi angeliona, si gridi tupu ya nafasi (placeholder) — jambo ambalo ni muhimu sana kwa kurasa za landing zenye picha nyingi na makala ndefu.
Nasa kile haswa kinachoonekana kwenye viewport ya kivinjari — mstatili sahihi wa maudhui ambayo mtumiaji anayaona. Hakuna miviringo ya kivinjari, hakuna bar za zana, hakuna bar za kusogeza. Maudhui safi tu ya ukurasa wa wavuti kama yanavyoonekana kwenye skrini. Mbofyo mmoja, unaji kamili.
Nasa ukurasa mzima kuanzia juu kabisa hadi chini kabisa, ikijumuisha maudhui yote yaliyo chini ya mkunjo (below the fold). Chombo kinasogeza ukurasa kiotomatiki, kinanasa kila sehemu, na kuunganisha vipande kuwa picha moja isiyo na mshono na endelevu. Inafanya kazi na kurasa za urefu wowote.
Picha za skrini zinanatwa katika uwiano asili wa saizi wa onyesho lako (2x kwenye Retina, 1.5x kwenye baadhi ya maonyesho ya Windows). Matokeo yake ni picha yenye mwonekano mzuri na azimio la juu ambayo inaonekana mkali hata inapokuzwa — si picha iliyofifia unayopata kutoka kwa picha za skrini za OS.
Picha iliyonatwa inahifadhiwa kama faili ya PNG isiyo na upotezaji na inapakuliwa moja kwa moja kwenye kifaa chako mara moja. Hakuna kupakia kwenye wingu, hakuna kusubiri usindikaji, hakuna akaunti inayohitajika. Faili inaonekana kwenye folda yako ya upakuaji ndani ya sekunde chache.
Unasaji unajumuisha tu maudhui ya ukurasa wa wavuti — hakuna tab za kivinjari, bar ya anwani, bar ya alamisho, au bar ya zana ya viunganishi. Matokeo yanaonekana kama ukurasa unavyoonekana ikiwa UI ya kivinjari haikuwepo.
Inanasa ukurasa wowote wa wavuti bila kujali jinsi ulivyojengwa — HTML tuli, SPAs (React, Vue), kurasa zenye picha zinazopakiwa kwa kuchelewa (lazy-loaded), kusogeza bila kikomo, vichwa vilivyonata, na vipengele vilivyowekwa nafasi maalum. Hali ya ukurasa mzima inashughulikia yote.
Nasa picha za skrini za ukurasa mzima wa tovuti ulizozisanifu au kuzitengeneza kwa ajili ya portfolio yako. Hali ya ukurasa mzima inakupa picha kamili na isiyo na mshono inayoonyesha muundo mzima wa ukurasa — kamili kwa Behance, Dribbble, au masomo ya kesi ya portfolio.
Unaporipoti hitilafu (bug), picha ya skrini ina thamani ya maneno elfu moja. Nasa viewport sahihi inayoonyesha suala hilo, au picha ya skrini ya ukurasa mzima inayoonyesha jinsi hitilafu inavyoathiri mpangilio mzima. Iambatishe kwenye hitilafu yako ya GitHub au tiketi ya Jira.
Nasa hali ya sasa ya tovuti ya staging kwa ajili ya mapitio ya washirika. Picha za skrini za ukurasa mzima zinawaruhusu wateja kuona muundo kamili bila kuhitaji kutembelea tovuti wenyewe — muhimu kwa mapitio na washirika wasio wa kiufundi.
Chukua picha ya skrini kabla ya kufanya mabadiliko, kisha chukua nyingine baada ya mabadiliko. Linganisha picha esas mbili upande kwa upande ili kuthibitisha kuwa mabadiliko yako ya CSS au mpangilio yanaonekana sahihi kwenye ukurasa mzima, si tu sehemu uliyokuwa umeizingatia.
Unda picha safi na za kitaalamu za kurasa za wavuti kwa ajili ya machapisho ya blogu, tweets, au wasilisho. Matokeo yasiyo na bar ya zana na miviringo ya kivinjari yanaonekana maridadi na ya kitaalamu — hakuna haja ya kukata UI ya kivinjari.
Fungua kizimbani cha DevSuite Pro au popup na ubofye ikoni ya Screenshot. Kiteuzi cha hali kinaonekana kikiwa na chaguzi mbili: "Eneo Linaloonekana" na "Ukurasa Mzima".
Bofya "Eneo Linaloonekana" ili kunasa viewport ya sasa (unachoona sasa hivi), au "Ukurasa Mzima" ili kunasa ukurasa mzima kuanzia juu hadi chini.
Unasaji wa eneo linaloonekana ni wa papo hapo (chini ya sekunde 1). Unasaji wa ukurasa mzima unachukua sekunde chache huku chombo kikisogeza na kuunganisha vipande. Kiashiria cha maendeleo kinaonyesha hali ya unasaji.
Picha iliyonatwa inapakuliwa kiotomatiki kama faili ya PNG. Angalia folda ya upakuaji ya kivinjari chako kwa ajili ya faili hiyo, iliyopewa jina la kichwa cha ukurasa na alama ya muda.
Chombo kinaendelea kuwa hai baada ya kila unasaji. Chukua picha za ziada za skrini za ukurasa uleule au kurasa tofauti bila kuwasha tena. Sogeza, fanya mabadiliko, na unase tena.
Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.
