Kuvakaappaustyökalu tallentaa korkealaatuisia kuvia mistä tahansa verkkosivusta kahdessa tilassa: näkyvä alue (täsmälleen se, mitä näet selainikkunassa) tai koko sivu (koko sivu ylhäältä alas, myös fold-rajan alla oleva sisältö). Kuvakaappaukset tallennetaan korkearesoluutioisina PNG-tiedostoina ja ladataan välittömästi laitteellesi — ei pilvilatauksia, ei tilejä, ei odottelua.
Käyttöjärjestelmän omat kuvakaappaustyökalut (kuten Cmd+Shift+4 tai Leikkaustyökalu) tallentavat koko näytön, mukaanlukien selaimen kehyksen, työkalupalkit ja muut ikkunat. Ne eivät pysty kaappaamaan fold-rajan alla olevaa sisältöä. DevSuite Pro:n kuvakaappaustyökalu ratkaisee molemmat ongelmat — se kaappaa ainoastaan verkkosivun sisällön (ilman selaimen UI:ta) ja voi vierittää koko sivun luodakseen saumattoman kokosivu-kuvan. Näkyvän alueen tila käyttää Chromen natiivia capture API:a pikselintarkkaan lopputulokseen. Koko sivun tila vierittää sivua automaattisesti, kaappaa jokaisen viewport-ruudun ja yhdistää ne yhdeksi yhtenäiseksi kuvaksi. Tulos on täysresoluutioinen PNG (vastaten näyttösi laitepikselisuhdetta), joten kuvakaappaukset näyttävät teräviltä Retina- ja high-DPI-näytöillä.
Kaappaa täsmälleen se, mikä näkyy selaimen viewportissa — tarkka suorakaide siitä sisällöstä, jonka käyttäjä näkee. Ei selaimen kehystä, ei työkalupalkkeja, ei vierityspalkkeja. Pelkkä puhdas verkkosivun sisältö sellaisena kuin se näkyy ruudulla. Yksi napsautus, välitön kaappaus.
Kaappaa koko sivu ylhäältä alas, mukaan lukien kaikki fold-rajan alla oleva sisältö. Työkalu vierittää sivua automaattisesti, kaappaa jokaisen osion ja yhdistää ruudut yhdeksi saumattomaksi, yhtenäiseksi kuvaksi. Toimii minkä pituisilla sivuilla tahansa.
Kuvakaappaukset kaapataan näyttösi natiivin pikselisuhteen mukaisesti (2x Retina-näytöillä, 1,5x joillakin Windows-näytöillä). Tuloksena on terävä, korkearesoluutioinen kuva, joka näyttää tarkkana myös lähennettynä — ei sitä sumeutta, jota käyttöjärjestelmän kuvakaappaustyökalut tuottavat.
Kaapattu kuva tallennetaan häviöttömänä PNG-tiedostona ja ladataan suoraan laitteellesi heti. Ei pilvilatausta, ei odottelua käsittelyä varten, ei tiliä tarvita. Tiedosto ilmestyy lataukset-kansioon sekunneissa.
Kaappaus sisältää ainoastaan verkkosivun sisällön — ei selaimen välilehtiä, osoitepalkkia, kirjanmerkkipalkkia tai laajennusten työkalupalkkia. Lopputulos näyttää täsmälleen siltä kuin sivu näyttäisi ilman selaimen UI:ta.
Kaappaa minkä tahansa verkkosivun riippumatta siitä, miten se on rakennettu — staattinen HTML, SPAs (React, Vue), laiskasti ladatut kuvat, loputon vieritys, kiinteät otsikot ja fixed-position-elementit. Koko sivun tila käsittelee ne kaikki.
Kaappaa kokosivu-kuvakaappauksia suunnittelemistasi tai kehittämistäsi verkkosivuista portfoliotasi varten. Koko sivun tila antaa sinulle täydellisen, saumattoman kuvan, joka esittää koko sivun suunnittelun — täydellinen Behanceen, Dribbleen tai portfolio-tapaustutkimuksiin.
Virhettä raportoidessa kuvakaappaus kertoo enemmän kuin tuhat sanaa. Kaappaa täsmällinen viewport, joka näyttää ongelman, tai koko sivun kuvakaappaus, joka osoittaa, miten virhe vaikuttaa koko ulkoasuun. Liitä se GitHub-issueen tai Jira-tikettiin.
Kaappaa staging-sivuston nykyinen tila sidosryhmien katselmointia varten. Kokosivu-kuvakaappaukset antavat asiakkaille mahdollisuuden nähdä koko suunnittelun ilman, että heidän tarvitsee vierailla sivustolla itse — hyödyllinen ei-teknisten sidosryhmien katselmoinneissa.
Ota kuvakaappaus ennen muutosten tekemistä, sitten toinen muutosten jälkeen. Vertaile kahta kuvaa vierekkäin varmistaaksesi, että CSS- tai ulkoasumuutoksesi näyttävät oikeilta koko sivulla — ei vain siinä osiossa, johon keskityit.
Luo siistejä, ammattimaisia kuvia verkkosivuista blogikirjoituksia, tviittejä tai esityksiä varten. Työkalupalkiton, selainkehyksetön lopputulos näyttää viimeistellyltä ja ammattimaiselta — selaimen UI:ta ei tarvitse rajata pois.
Avaa DevSuite Pro:n telakka tai ponnahdusikkuna ja napsauta kuvakaappauksen kuvaketta. Näkyviin tulee tilanvalitsin kahdella vaihtoehdolla: "Näkyvä alue" ja "Koko sivu".
Napsauta "Näkyvä alue" kaapataksesi nykyisen viewportin (sen, mitä näet juuri nyt), tai "Koko sivu" kaapataksesi koko sivun ylhäältä alas.
Näkyvän alueen kaappaukset ovat välittömiä (alle sekunti). Koko sivun kaappaukset vievät muutaman sekunnin, kun työkalu vierittää sivua ja yhdistää ruudut. Edistymistilaitin näyttää kaappauksen tilan.
Kaapattu kuva ladataan automaattisesti PNG-tiedostona. Tarkista selaimesi lataukset-kansio — tiedosto on nimetty sivun otsikon ja aikaleiman mukaan.
Työkalu pysyy aktiivisena jokaisen kaappauksen jälkeen. Ota lisää kuvakaappauksia samoilta tai eri sivuilta ilman uudelleenaktivointia. Vieritä, tee muutoksia ja kaappaa uudelleen.
Asenna DevSuite Pro ilmaiseksi ja avaa yli 39 kehittäjätyökalua selaimellesi.
