← Povratak na značajke
Free

Zajem zaslona

Alat Screenshot snima visokokvalitetne slike bilo koje web stranice u dva načina rada: vidljivo područje (točno ono što vidite u prozoru preglednika) ili cijela stranica (od vrha do dna, uključujući sadržaj ispod vidljivog dijela). Snimke zaslona spremaju se kao PNG datoteke visoke rezolucije i odmah se preuzimaju na vaš uređaj — bez pohrane u oblak, bez računa, bez čekanja.

Izvorne snimke zaslona preglednika (pomoću alata na razini OS-a poput Cmd+Shift+4 ili Snipping Tool) snimaju cijeli zaslon, uključujući korisničko sučelje preglednika, alatne trake i ostale prozore. Njima nije moguće snimiti sadržaj ispod vidljivog dijela stranice. DevSuiteov alat Screenshot rješava oba problema — snima samo sadržaj web stranice (bez sučelja preglednika) i može se pomicati kroz cijelu stranicu kako bi stvorio besprijekornu sliku pune stranice. Način rada vidljivog područja koristi Chromeov nativni API za snimanje radi savršene preciznosti piksela. Način rada pune stranice automatski se pomiče kroz stranicu, snima svaki dio vidnog polja i spaja ih u jednu kontinuiranu sliku. Rezultat je PNG pune rezolucije (koji odgovara omjeru piksela vašeg zaslona), pa su snimke oštrog prikaza na Retina i HiDPI zaslonima.

Pregled uživo
example.com/landing-page
Visible Area
Full Page
PNG · Full Resolution
Capture Area
Capture Info
Width1440px
Height900px
FormatPNG
Scale2x
Download
Ključne značajke

Snimanje vidljivog područja

Snimite točno ono što je vidljivo u vidnom polju preglednika — precizni pravokutnik sadržaja koji korisnik vidi. Bez korisničkog sučelja preglednika, bez alatnih traka, bez klizača. Samo čisti sadržaj web stranice onakav kakav se prikazuje na zaslonu. Jedan klik, trenutačno snimanje.

Snimka cijele stranice

Snimite cijelu stranicu od samog vrha do samog dna, uključujući sav sadržaj ispod vidljivog dijela. Alat se automatski pomiče kroz stranicu, snima svaki odjeljak i spaja dijelove u jednu besprijekornu, kontinuiranu sliku. Radi na stranicama bilo koje duljine.

Retina / HiDPI kvaliteta

Snimke zaslona snimaju se u nativnom omjeru piksela vašeg zaslona (2x na Retina, 1,5x na nekim Windows zaslonima). Rezultat je oštra, visokorezolucijska slika koja izgleda jasno čak i pri povećanju — za razliku od mutnog povećanja koje dobivate od snimki zaslona OS-a.

Trenutačno preuzimanje PNG-a

Snimljena slika sprema se kao PNG datoteka bez gubitaka i odmah se preuzima izravno na vaš uređaj. Bez pohrane u oblak, bez čekanja na obradu, bez potrebe za računom. Datoteka se pojavljuje u mapi preuzimanja u roku od nekoliko sekundi.

Samo čisti sadržaj

Snimanje uključuje samo sadržaj web stranice — bez kartica preglednika, adresne trake, trake s oznakama ili alatne trake proširenja. Rezultat izgleda točno onako kako bi stranica izgledala da sučelje preglednika ne postoji.

Radi na bilo kojoj stranici

Snima bilo koju web stranicu bez obzira na to kako je izrađena — statički HTML, SPAs (React, Vue), stranice s lazy-loaded slikama, beskonačno pomicanje, ljepljiva zaglavlja i elementi s fiksnom pozicijom. Način rada pune stranice sve to obrađuje.

Uobičajeni primjeri upotrebe

Dokumentacija portfelja i studija slučaja

Snimite snimke cijele stranice web mjesta koja ste dizajnirali ili razvili za svoj portfelj. Način rada pune stranice daje vam potpunu, besprijekornu sliku koja prikazuje cijeli dizajn stranice — savršeno za Behance, Dribbble ili studije slučaja portfelja.

Izvješća o pogreškama s vizualnim kontekstom

Pri prijavi pogreške, snimka zaslona vrijedi tisuću riječi. Snimite točno vidno polje koje prikazuje problem ili snimku cijele stranice koja pokazuje kako pogreška utječe na cijeli izgled. Priložite je uz GitHub issue ili Jira ticket.

Pregled i odobravanje dizajna

Snimite trenutačno stanje staging mjesta za pregled dioničara. Snimke zaslona cijele stranice omogućuju klijentima da vide potpuni dizajn bez potrebe da sami posjete web mjesto — korisno za recenzije s ne-tehničkim dioničarima.

Usporedbe prije/poslije

Napravite snimku zaslona prije unošenja promjena, a zatim još jednu nakon. Usporedite dvije slike jednu pored druge kako biste provjerili izgledaju li vaše CSS izmjene ili izmjene rasporeda ispravno na cijeloj stranici, a ne samo u odjeljku na kojemu ste bili usredotočeni.

Sadržaj za društvene mreže i blog

Stvorite čiste, profesionalne slike web stranica za objave na blogu, tvitove ili prezentacije. Rezultat bez alatnih traka i sučelja preglednika izgleda dotjerano i profesionalno — nema potrebe izrezivati sučelje preglednika.

Kako koristiti
1

Aktivirajte alat Screenshot

Otvorite DevSuite Pro dock ili popup i kliknite ikonu Screenshot. Pojavljuje se birač načina rada s dvije mogućnosti: "Vidljivo područje" i "Cijela stranica".

2

Odaberite način snimanja

Kliknite "Vidljivo područje" za snimanje trenutačnog vidnog polja (ono što sada vidite) ili "Cijela stranica" za snimanje cijele stranice od vrha do dna.

3

Pričekajte na snimanje

Snimanje vidljivog područja je trenutačno (ispod 1 sekunde). Snimanje cijele stranice traje nekoliko sekundi dok se alat pomiče i spaja dijelove. Indikator napretka prikazuje status snimanja.

4

Preuzmite PNG

Snimljena slika automatski se preuzima kao PNG datoteka. Potražite datoteku u mapi preuzimanja preglednika — nazvana je naslovom stranice i vremenskom oznakom.

5

Napravite više snimaka zaslona

Alat ostaje aktivan nakon svakog snimanja. Napravite dodatne snimke zaslona iste ili različitih stranica bez ponovnog aktiviranja. Pomičite se, unesite promjene i snimajte ponovo.

Spremni za isprobavanje? Zajem zaslona?

Instalirajte DevSuite Pro besplatno i otključajte 39+ razvojnih alata za svoj preglednik.

Dodaj u Chrome Dodaj u Edge Dodaj u FireFox