Kako snimiti cijelu web-stranicu kao screenshot

Naiđeš na dugačak članak koji želiš spremiti. Ili na cjenik konkurencije. Ili na grešku koja se pojavi tek kad se pomakneš malo niže na stranici. Pritisneš PrtScn, ili koristiš ugrađeni alat preglednika za screenshot — i dobiješ samo fotografiju onoga što je slučajno bilo na ekranu u tom trenutku.

Ostatak stranice? Nestao. Nikad snimljen.

Sad radiš jednu od tri stvari: pomičeš se malo po malo i snimaš više screenshotova da ih kasnije ručno slažeš, otvaraš neki uređivač slika da ih pravilno spojiš, ili jednostavno spremiš stranicu u favorite i nadaš se da će sutra još biti tamo — i da se neće promijeniti.

Prosječna web stranica danas je viša od 1.900 piksela, a tvoj ekran odjednom prikazuje samo oko 800 od toga. To znači da običan screenshot promaši više od pola stranice. Zato uopće postoje "screenshotovi cijele stranice" — snime cijelu stranicu kao jednu sliku, od samog vrha do dna, točno onako kako bi izgledala kad bi je razmotao.

Četiri načina za snimanje cijele stranice

Postoje četiri stvarna načina da to napraviš, i nisu podjednako dobri. Možeš sam slagati snimke jednu na drugu, iskoristiti trik skriven unutar Chromea, iskoristiti stranicu koja to napravi umjesto tebe, ili iskoristiti ekstenziju za preglednik — mali dodatak koji instaliraš u Chrome i koji mu doda jednu novu tipku ili funkciju. Evo svakog od njih, redom od najručnijeg do najlakšeg.

1. Sam slaži snimke jednu na drugu

Najjednostavnija metoda ne treba nikakav alat: snimi vrh stranice, pomakni se malo, snimi opet, i tako sve do dna. Zatim otvori bilo koji uređivač slika — čak i besplatan — i posloži dijelove u jednu dugačku sliku.

Radi na doslovno bilo kojoj stranici, i ništa nikad ne napušta tvoje računalo. Kvaka je što je sporo, a poravnati rubove rukom tako da ništa ne preklapa niti ostaje praznina traži miran oko i strpljenje. Sasvim u redu za jednokratnu upotrebu. Ne baš nešto što bi radio svaki dan.

2. Chrome DevTools trik

Chrome ima skrivenu funkciju za snimanje cijele stranice, zakopanu unutar nečega što se zove DevTools — panel napravljen za web developere da pregledavaju i popravljaju stranice. Ipak, ne treba ti nikakvo znanje o kodu da koristiš baš ovu jednu funkciju unutra. Evo kako:

1. Otvori DevTools. Pritisni F12 (Windows/Linux) ili Cmd + Option + I (Mac). Otvorit će se panel, obično sa strane ili pri dnu ekrana.
2. Otvori Command Menu. Pritisni Ctrl + Shift + P (Windows) ili Cmd + Shift + P (Mac) — otvara se mala tražilica za brze radnje.
3. Pretraži "screenshot". Upiši screenshot i odaberi Capture full size screenshot s popisa koji se pojavi.
4. Sprema se automatski. Chrome snimi cijelu stranicu i spremi PNG izravno u tvoju mapu Downloads. DevTools možeš zatvoriti kad završi.

Napomena: ovo dobro radi većinu vremena, ali moraš svaki put iznova otvarati razvojne alate — što brzo postane zamorno ako to radiš često. Osim toga, napravljen je za developere, a ne za screenshotove, pa neke stranice unutra mogu izgledati malo drugačije nego inače.

3. Online alati za screenshot

Ovo su stranice na koje zalijepiš link, a one ti nakon par sekundi vrate gotov screenshot cijele stranice — bez ičeg za instalirati. Ta udobnost ima i stvarnu cijenu: da bi snimila tvoju stranicu, ta stranica prvo mora otvoriti tvoju stranicu na svom vlastitom serveru. Ako je ta stranica iza prijave, ili prikazuje nešto privatno — nadzornu ploču klijenta, interni dokument, postavke tvog vlastitog računa — kopija toga na trenutak prođe kroz tuđe računalo. Sasvim u redu za javnu stranicu koju bi rado pokazao bilo kome. Vrijedi preskočiti za sve što je makar malo osjetljivo.

4. Ekstenzija za preglednik (najlakši način)

Ako ti screenshot cijele stranice ikad zatreba više od jednom tjedno, ekstenzija napravljena baš za taj posao daleko je najlakši put. Instaliraš je jednom, a nakon toga je jedan klik — bez razvojnih alata, bez skrivenih izbornika, ništa za pamtiti.

Prava razlika između dobre i loše ekstenzije za screenshot svodi se na dvije stvari: gdje tvoj screenshot zapravo završi, i koliko čisto spaja stranicu. Ispravno napravljena ekstenzija nikad ništa ne uploada — sliku sastavlja pomoću alata koji su već ugrađeni u tvoj vlastiti preglednik, i sprema je izravno na tvoje računalo.

Na što paziti kod ekstenzije za screenshot cijele stranice

• Sve ostaje na tvom računalu — ništa se ne uploada nikamo drugdje
• Bez ponavljajućih izbornika — gornja navigacijska traka web stranice često ostane zalijepljena za vrh ekrana dok se pomičeš ("sticky" ili "fixed" zaglavlje, žargonski rečeno); dobra ekstenzija to primijeti i uključi ga samo jednom, umjesto da se ponavlja niz cijelu sliku
• Bez vidljivih šavova — različiti dijelovi stranice trebaju se savršeno poklopiti, bez bijelih linija ili prekida ondje gdje su spojeni
• Radi na stranicama koje se učitavaju dok se pomičeš — puno modernih stranica (galerije slika, sekcije komentara, beskonačni feedovi) učita svoj sadržaj tek u trenutku kad mu se približiš; dobra ekstenzija zna pričekati taj sadržaj prije nego snimi sliku
• Jedan klik — ne bi trebao ništa podešavati svaki put kad je koristiš

Evo točno kako to izgleda u Scrollshotu, u praksi — jedan klik, i cijela stranica se preuzme kao jedna slika:

Snimanje cijele stranice tek je početak onoga što Scrollshot radi. Jednako lako možeš snimiti samo ono što je vidljivo na ekranu, jedan element, ili područje koje sam označiš rukom. Možeš sakriti dosadan cookie banner ili popup točno prije nego se slika snimi, tako da nikad ne završi u kadru. A cijela stvar se može pokrenuti i tipkovničkim prečacem umjesto klikom, ako ti tako brže ide.

Kad ti ovo stvarno zatreba

Screenshotovi cijele stranice nisu samo za rijetke slučajeve — evo gdje ih ljudi koriste svaki dan.

Spremanje stranice prije nego nestane

Stranice se mijenjaju. Članci se uređuju. Cijene se ažuriraju. Proizvodi nestanu iz ponude. Screenshot cijele stranice trajan je, vizualni zapis onoga što je stranica govorila u točno određenom trenutku — bez obzira što se s njom kasnije dogodi. Favorit pomaže samo ako stranica i dalje postoji.

Prijave grešaka

Isječak ekrana koji prikazuje samo poruku o grešci rijetko developeru kaže dovoljno. Snimka cijele stranice pokazuje cijeli raspored — što je iznad problema, što je ispod, kako je sve izgledalo odjednom. To prepolovi ono dosadno "možeš li poslati više konteksta?".

Uspoređivanje dizajna ili konkurencije

Dizajneri i marketingaši redovito snimaju stranice konkurencije, cjenike i cijele landing stranice za referencu. Jedan screenshot cijele stranice bolji je od osam odvojenih isječaka koje moraš sam slagati u glavi.

Izvještaji i dokumentacija

Kad screenshot cijele stranice ubaciš u izvještaj ili dijeljeni dokument, svatko dobije potpunu sliku — ne samo ono što je slučajno bilo vidljivo kad si pritisnuo gumb.

Prijava na Chrome Web Store

Chrome Web Store mjesto je gdje se svaka Chrome ekstenzija objavljuje i odakle se instalira — a zahtijeva čiste screenshotove tvoje ekstenzije u akciji. Precizna snimka cijele stranice štedi vrijeme koje bi inače potrošio na ručno rezanje i poravnavanje slika.

FAQ

Scrollshot — Screenshot cijele stranice jednim klikom

Napravio GetPlugzz. Samo lokalna obrada — ništa se ne uploada, ništa se ne prati.

INSTALIRAJ