Zašto obični screenshot nije dovoljan
Pronađeš dugačak članak koji želiš sačuvati. Ili stranicu s cijenama konkurencije. Ili grešku koja se pojavljuje tek kad skrolas 800 piksela prema dolje. Pritisneš PrtScn ili koristiš ugrađenu funkciju preglednika — i dobiješ samo isječak vidljivog dijela ekrana.
Ostatak stranice? Nestao. Nije snimljen.
Sad radiš jedno od troje: skrolas i praviš više screenshotova koje ćeš spajati, otvараš Photoshop da ručno spajaš slike, ili jednostavno bookmarkaš stranicu i nadaš se da se neće promijeniti ili nestati.
Prosječna web stranica danas je visoka više od 1.900 piksela. Tvoj ekran prikazuje možda 800 od toga. Standardni screenshot hvata manje od pola stranice.
Upravo zato postoje screenshoti cijele stranice — i zato će znanje kako to ispravno napraviti štedjeti tvoje vrijeme svaki dan.
Četiri načina za snimanje cijele stranice
Postoji nekoliko dostupnih metoda. Evo iskrene usporedbe svake od njih:
| Metoda | Brzina | Privatnost | Napor | Radi svugdje |
|---|---|---|---|---|
| Ručno skrolanje + spajanje | ✗ Sporo | ✓ Privatno | ✗ Visok | ✓ Da |
| Chrome DevTools | ~ Srednje | ✓ Privatno | ~ Srednje | ✓ Da |
| Online alati za screenshot | ~ Srednje | ✗ Uploaduje na server | ✓ Nizak | ~ Većina stranica |
| Namjenska ekstenzija | ✓ Trenutno | ✓ Privatno | ✓ Minimalan | ✓ Da |
Namjenska ekstenzija pobjeđuje na gotovo svakom polju. Ali prije nego dođemo do toga, prođimo kroz metodu Chrome DevTools — ugrađena je, besplatna i ne zahtijeva instalaciju ičega.
Metoda Chrome DevTools (ugrađena, ali nezgrapna)
Chrome ima skrivenu funkciju za screenshot cijele stranice zakopanu unutar DevToolsa. Nije očigledna i većina je ljudi nikad ne pronađe — ali radi.
Otvori DevTools
Pritisni F12 (Windows/Linux) ili Cmd + Option + I (Mac). Otvara se razvojni panel preglednika.
Otvori Command Menu
Pritisni Ctrl + Shift + P (Windows) ili Cmd + Shift + P (Mac) za otvaranje command palete.
Traži "screenshot"
Upiši screenshot u command meniju. Odaberi Capture full size screenshot s popisa.
Preuzimanje se sprema automatski
Chrome snima cijelu stranicu i sprema PNG u mapu Downloads. Zatvori DevTools kad završiš.
Napomena: Metoda DevTools dobro radi za većinu stranica, ali zahtijeva snalaženje u razvojnim alatima. Ako to radiš redovito, otvaranje F12 svaki put brzo postaje zamorno. Stranice s određenim JavaScript-teškim izgledom mogu se i drugačije prikazivati unutar DevTools načina rada.
Najlakši način: namjenska ekstenzija
Ako praviš screenshote cijele stranice više od jednom tjedno, namjenska Chrome ekstenzija je očiti izbor. Jedan klik. Gotovo. Bez DevToolsa, bez izbornika, bez tehničkog znanja.
Ključna razlika između dobre i loše ekstenzije svodi se na dvije stvari: kamo odlazi tvoj screenshot i koliko je precizno spajanje dijelova.
Mnogi alati za screenshot — posebno oni online — šalju tvoju sliku na udaljeni server radi obrade. Tvoj screenshot povjerljivog dokumenta klijenta ili internih stranica tvrtke završava na tuđoj infrastrukturi. To je problem koji vrijedi uzeti u obzir.
Kvalitetna ekstenzija sve radi lokalno, unutar tvog preglednika. Slika se sastavlja korištenjem Canvas API-ja preglednika i preuzima se direktno na tvoje računalo. Ništa ne napušta tvoj uređaj.
Na što obratiti pažnju pri odabiru ekstenzije
- Isključivo lokalna obrada — bez uploada na vanjske servere
- Rukuje fiksnim zaglavljima — navigacijske trake ne bi trebale se ponavljati u svakom dijelu konačne slike
- Precizno spajanje bez grešaka — bez vidljivih spojeva ili bijelih linija između snimljenih dijelova
- Radi na stranicama s lijenim učitavanjem — hvata sadržaj koji se učitava tek dok skrolas
- Jedan klik — ne treba konfiguracija svaki put
Kada ti to zaista treba
Screenshoti cijele stranice nisu samo za rubne slučajeve. Evo situacija u kojima ih ljudi koriste svaki dan:
Čuvanje web sadržaja prije nego nestane
Stranice se mijenjaju. Vijesti se uređuju. Cijene se ažuriraju. Proizvodi se rasprodaju. Screenshot cijele stranice trajni je vizualni zapis onoga što je stranica prikazivala u određenom trenutku — bez obzira što se s njom dogodi kasnije. Bookmarkovi rade samo ako stranica još postoji.
Prijave grešaka i testiranje
Kad prijavljuješ grešku, isječak screenshota samo poruke o grešci rijetko daje programerima dovoljno konteksta. Snimka cijele stranice prikazuje cjelovit izgled — što je iznad greške, što je ispod, kako izgleda stanje stranice od vrha do dna. Prepolovljuje dopisivanje pri prijavi grešaka.
Dizajn i analiza konkurencije
Dizajneri i marketingaši redovito snimaju landing stranice konkurencije, cjenike i cijele kampanje kao referencu za analizu. Screenshot cijele stranice omogućuje pregled kompletne stranice u jednoj slici umjesto 8 zasebnih isječaka.
Dokumentacija i interni izvještaji
Prilaganje screenshota cijele stranice u Notion dokument, Confluence stranicu ili izvještaj za klijenta daleko je korisnije od isječka vidljivog dijela. Svako tko to čita kasnije dobiva potpun kontekst — ne samo ono što je slučajno bilo na ekranu kad si pritisnuo tipku.
Razvojni proces
Kod objavljivanja na Chrome Web Storeu, slanja screenshotova ekstenzije u akciji ili dokumentiranja dizajn sustava, precizni screenshoti cijele stranice štede vrijeme koje bi inače proveo ručno izrezujući i poravnavajući slike.
Česta pitanja
Na gotovo svima. Mali broj stranica s naprednim sigurnosnim konfiguracijama — određeni bankarski portali, interni korporativni alati — ograničavaju mogućnosti screenshota na razini preglednika. Za veliku većinu standardnih web stranica, snimanje cijele stranice radi pouzdano.
Navigacijske trake s position: fixed ili position: sticky ostaju na ekranu dok skrolas — što znači da ih naivan alat za screenshot hvata u svakom dijelu. Dobro napravljena ekstenzija otkriva i skriva te elemente prije spajanja, tako da konačna slika prikazuje čist sadržaj stranice bez ponavljajućeg zaglavlja.
Stranice s lijenim učitavanjem (beskonačni scroll, mreže slika, odjeljci s recenzijama koji se učitavaju dinamički) treba ručno preskrolati prije snimanja. Time se preglednika prisiljava da učita sav sadržaj. Kad je sve učitano, ekstenzija snima sve.
Ovisi isključivo o alatu. Online servisi za screenshot gotovo uvijek uploaduju tvoju sliku radi obrade. Ekstenzije koje lokalno koriste Chrome API i Canvas to ne rade — ništa ne napušta tvoj uređaj. Uvijek provjeri što ekstenzija radi s tvojim podacima prije korištenja na osjetljivim stranicama.
Većina alata za screenshot cijele stranice sprema kao PNG prema zadanim postavkama — bez gubitaka i pravi izbor za snimanje teksta i sučelja. Neki alati nude i JPEG (manja veličina datoteke, ali s gubitkom kvalitete). PNG se preporučuje za sve što planiraš dijeliti ili koristiti kao referencu later.
Scrollshot — Screenshot cijele stranice jednim klikom
Napravio GetPlugzz. Isključivo lokalna obrada — ništa se ne uploaduje, ništa se ne prati.
Trenutno u pregledu na Chrome Web Storeu. Stiže vrlo uskoro.
Vidi što dolazi →