10 načina da snimite cijelu web stranicu na Mac-u ili Windows-u

  • Podijeli Ovo
Cathy Daniels

Ako tražite kako da snimite pun snimak ekrana web stranice na Macu ili PC-u, ovaj post za vas. Isprobao sam pregršt alata i tehnika koje tvrde da mogu da snime ekran čitave web stranice, ali samo nekoliko još uvijek funkcionira u trenutku pisanja ovog teksta.

Želite da ovo završite brzo, pa ću pokazati vam kako to učiniti korak po korak. Također ću ukazati na prednosti i nedostatke svake metode, samo sam želio uštedjeti vaše vrijeme da shvatite koja je metoda najbolja za vas.

Ovaj vodič je za one koji žele napraviti cijeli snimak ekrana cijela ili duga web stranica — što znači da postoje dijelovi koji nisu u potpunosti vidljivi na vašem ekranu.

Ako jednostavno želite snimiti statični prozor ili cijeli ekran radne površine, ovaj vodič nije za vas. Možete koristiti ugrađene alate na svom računaru ili telefonu da to brzo uradite: Shift + Command + 4 (macOS) ili Ctrl + PrtScn (Windows).

Sažetak:

  • Ne želite preuzeti nikakav softver ili proširenje? Isprobajte Metodu 1 ili Metodu 7 .
  • Ako koristite pretraživač Mozilla Firefox, pokušajte Metodu 2 .
  • Ako želite snimiti snimke ekrana kao i napraviti jednostavne izmjene, pokušajte Metod 3, 5, 6 .

Brzo ažuriranje : Za korisnike Mac-a, moguće je čak i snimiti snimak ekrana pune veličine bez proširenja pretraživača.

1. Otvorite DevTools u Chromeu (komanda + opcija + I)

2. Otvorite komandni meni (command + shift + P) iukucajte “screenshot”

3. Odaberite jednu od dvije opcije “Snimi snimak ekrana u punoj veličini” od “Snimi snimak ekrana”.

4. Snimljena slika će biti preuzeta na vaš računar.

Savjet je dao naš čitatelj, Hans Kuijpers.

1. Odštampajte i sačuvajte cijelu web stranicu kao PDF

Pretpostavimo da želite izdvojiti , recimo, bilans prihoda od Yahoo Finance-a. Prvo otvorite stranicu u web pretraživaču. Ovdje koristim Chrome na svom Macu kao primjer.

Korak 1: U Chrome meniju, kliknite Datoteka > Ispis.

Korak 2: Kliknite na dugme “Sačuvaj” da izvezete stranicu u PDF datoteku.

Korak 3: Ako želite da ugradite financijski list u PowerPoint projekt, možda ćete morati prvo pretvoriti PDF u sliku u PNG ili JPEG formatu, a zatim izrezati sliku samo kako biste uključili dio podataka.

Prednosti:

  • Brzo je.
  • Nema potrebe da preuzimate softver treće strane.
  • Kvalitet snimka ekrana je dobar.

Protiv:

  • Možda će biti potrebno dodatno vrijeme za pretvaranje PDF datoteke u sliku.
  • Teško je direktno prilagoditi snimke ekrana.

2. Firefox screenshotovi (za korisnike Firefoxa)

Firefox screenshotovi su nova funkcija koju je razvio Mozilla tim kako bi vam pomogao da snimite, preuzmete, prikupite i podijelite snimke ekrana. Ovu funkciju možete koristiti da brzo sačuvate snimak ekrana cijele web stranice.

Korak 1: Kliknite na meni Radnje stranice uadresna traka.

Korak 2: Odaberite opciju “Sačuvaj cijelu stranicu”.

Korak 3: Sada možete odabrati preuzimanje slike direktno na radnu površinu vašeg računara.

Primjer: dugačak članak koji sam nedavno objavio: najbolji Mac čistač uključujući besplatnu aplikaciju.

Sporedna napomena : Vidio sam da je ovo funkcija je još uvijek u BETA verziji, tako da nije garantovano da će je Firefox zadržati. Ali u vrijeme kada je ovaj post posljednji put ažuriran, ova funkcija je još uvijek dostupna. Također, najpopularniji web preglednik kao što je Apple Safari ili Google Chrome još ne nudi ovu funkciju.

3. Parallels Toolbox za Mac (Safari)

Ako želite da se krećete snimak ekrana na Mac-u, svidjet će vam se ova funkcija pod nazivom “Screenshot Page” u Parallels Toolbox koja uključuje pregršt malih uslužnih programa.

Napomena: Parallels Toolbox nije besplatan, ali nudi 7-dnevnu probnu verziju bez ikakvih funkcionalnih ograničenja.

Korak 1: preuzmite Parallels Toolbox i instalirajte aplikaciju na svoj Mac. Otvorite ga i pronađite Napravi snimke ekrana > Stranica snimka ekrana .

Korak 2: Kliknite na Stranica snimka ekrana i odvest će vas do drugog prozora koji traži da dodate ekstenziju Safariju. Nakon što ga omogućite, vidjet ćete da se ova ikona pojavljuje na vašem pregledniku Safari.

Korak 3: Odaberite stranicu koju želite snimiti i kliknite na ikonu Parallels Screenshot, ona će se automatski pomicati svoju stranicu i napravite snimak ekrana isačuvajte kao PDF datoteku na radnoj površini.

Koristio sam ovu stranicu na softveru kao primjer i radila je vrlo dobro.

Prednosti:

  • Kvalitet izlazne PDF datoteke je vrlo dobar.
  • Ne morate ručno skrolovati jer će to aplikacija učiniti umjesto vas.
  • Osim snimanja ekrana web stranice, također možete snimiti područje ili prozor.

Nedostaci:

  • Potrebno je malo vremena za instalaciju aplikacije.
  • Nije besplatan, iako traje 7 dana probno ograničenje nije predviđeno.

4. Sjajan dodatak za snimku ekrana (za Chrome, Firefox, Safari)

Sjajan snimak ekrana ima dodatak koji može snimiti cijelu ili dio bilo koje web stranice. Također, omogućava vam da uređujete snimke ekrana: možete komentirati, dodavati bilješke, zamutiti osjetljive informacije, itd. Dodatak je kompatibilan s glavnim web preglednicima uključujući Chrome, Firefox i Safari.

Ovdje su linkovi do dodajte dodatak:

  • Chrome
  • Firefox (Napomena: pošto su snimci ekrana za Firefox sada dostupni, više ne preporučujem ovaj dodatak. Pogledajte metod 2 za više .)
  • Safari

Testirao sam dodatak na Chromeu, Firefoxu i Safariju i svi dobro rade. Da olakšam stvari, koristiću Google Chrome kao primjer. Koraci za korištenje Awesome Screenshot-a za Firefox i Safari su prilično slični.

Korak 1: Otvorite gornji Chrome link i kliknite na “DODAJ U CHROME.”

Korak 2: Pritisnite “ Dodaj ekstenziju.”

Korak 3: Jednom proširenjeikona se pojavi na Chrome traci, kliknite na nju i odaberite opciju “Snimi cijelu stranicu”.

Korak 4: U roku od nekoliko sekundi ta web stranica se automatski pomiče prema dolje. Otvorit će se nova stranica (pogledajte dolje), koja će vam pokazati snimak ekrana s panelom za uređivanje koji vam omogućava da obrezujete, stavljate komentare, dodajete vizualne elemente, itd. Kliknite na “Gotovo” kada završite.

Korak 5: Pritisnite ikonu „preuzmi“ da sačuvate sliku ekrana. To je to!

Prednosti:

  • Izuzetno jednostavan za korištenje.
  • Funkcije za uređivanje slika su odlične.
  • To je kompatibilan sa glavnim web pretraživačima.

Nedostaci:

  • Proširenje može naići na neke operativne probleme, prema njegovom programeru. Još nisam iskusio takve probleme.

5. Snimite skrolujući prozor ili cijelu stranicu sa Snagit

Stvarno mi se sviđa Snagit (recenzija). To je moćna aplikacija za snimanje i uređivanje ekrana koja vam omogućava da radite gotovo sve što je povezano sa snimanjem ekrana. Da biste napravili punu snimku ekrana web stranice, slijedite dolje navedene korake (koristit ću Snagit za Windows kao primjer):

Napominjemo: Snagit nije besplatan, ali ima 15- dnevna besplatna probna verzija.

Korak 1: Preuzmite Snagit i instalirajte ga na svoj PC ili Mac. Otvorite glavni prozor za snimanje. Pod Slika > Odabir , provjerite jeste li odabrali “Scrolling Window”. Pritisnite crveno dugme Snimi da nastavite.

Korak 2: Pronađite web stranicu koju želite da snimite ekran, a zatimpomerite kursor na to područje. Sada će Snagit biti aktiviran i vidjet ćete kako se pomiču tri žute tipke sa strelicama. Donja strelica predstavlja “Snimi područje okomitog pomicanja”, desna strelica predstavlja “Snimi područje horizontalnog pomicanja”, a strelica u donjem desnom uglu predstavlja “Snimi cijelo područje pomicanja”. Kliknuo sam na opciju “Capture Vertical Scrolling Area”.

Korak 3: Sada Snagit automatski skroluje stranicu i snima dijelove izvan ekrana. Uskoro će se pojaviti prozor panela Snagit Editor sa snimkom ekrana koji je upravo napravio. Vidite tamo navedene dostupne funkcije za uređivanje? Zato se Snagit izdvaja iz gomile: Možete napraviti koliko god želite promjena, uz mnoštvo opcija.

Prednosti:

  • Može snimiti web stranicu koja se pomiče kao i prozor.
  • Moćne funkcije za uređivanje slika.
  • Vrlo intuitivan i jednostavan za korištenje.

Protiv:

  • Potrebno je vrijeme za preuzimanje i instaliranje aplikacije (~90MB veličine).
  • Nije besplatna, iako dolazi s 15-dnevnom probnom verzijom .

6. Capto aplikacija (samo za Mac)

Capto je aplikacija za produktivnost za mnoge korisnike Maca, uključujući i mene. Osnovna vrijednost aplikacije je snimanje videozapisa s ekrana na vašem Macu, ali također vam omogućava da snimite snimke ekrana i pohranite slike u njegovu biblioteku. Zatim ih možete jednostavno uređivati, organizirati i dijeliti.

Napomena: Slično kao Snagit, Capto također nije besplatan, alinudi probnu verziju koju možete iskoristiti.

Evo kako napraviti cijeli snimak ekrana koristeći Capto:

Korak 1: Otvorite aplikaciju i na vrhu menija, kliknite na ikonu "Web". Tamo možete odabrati da snimite URL web stranice na različite načine. Na primjer, ako ste već na stranici, jednostavno kliknite na “Snap Active Browser URL”

Korak 2: Također možete urediti snimku ekrana, npr. označite područje, dodajte strelicu ili tekst, itd. pomoću alata na lijevoj ploči.

Korak 3: Sada će Capto izdvojiti elemente stranice i sačuvati sliku u svojoj biblioteci. Zatim birate File > Izvezite da biste je spremili lokalno.

Napomena: ako odaberete da dopustite Capto da snimi web stranicu iz aktivnog pretraživača, to može potrajati u slučaju duže web stranice.

Druge metode

Tokom svog istraživanja, također sam pronašao nekoliko drugih radnih metoda. Ne želim da ih predstavljam iznad jer nisu tako dobri s obzirom na vrijeme i trud koji trebate uložiti i kvalitetu rezultata. Ipak, funkcionišu, pa slobodno isprobajte neke od njih.

7. Snimite snimak ekrana u punoj veličini na Chromeu bez proširenja pretraživača

Ovaj savjet je bio ljubazan dijeli jedan od naših čitatelja, Hans Kuijpers.

  • Otvorite DevTools u Chromeu (OPCIJA + CMD + I)
  • Otvorite komandni meni (CMD + SHIFT + P) i upišite “screenshot”
  • Odaberite jednu od dvije opcije “Snimi punu veličinuscreenshot” od “Snimi screenshot”.
  • Snimljena slika će biti preuzeta na vaš računar.

8. Web-Capture.Net

To je puna online -Usluga snimanja ekrana dužine web stranice. Prvo otvorite web stranicu, kopirate URL web stranice koju želite da snimite ekran i zalijepite je ovdje (pogledajte dolje). Također možete odabrati koji format datoteke želite izvesti. Pritisnite “Enter” na tastaturi da nastavite.

Budite strpljivi. Trebalo mi je otprilike dvije minute prije nego što sam vidio poruku: „Vaš link je obrađen! Možete preuzeti datoteku ili ZIP arhivu.” Sada možete preuzeti snimak ekrana.

Prednosti:

  • Radi.
  • Nema potrebe za instaliranjem softvera.

Protiv:

  • Tone oglasa na njegovoj web stranici.
  • Proces snimanja ekrana je spor.
  • Nema funkcija za uređivanje slika.

9. Snimanje ekrana cijele stranice (Chrome Extension)

Slično kao Sjajan Screenshot, Full Page Screen Capture je Chrome dodatak koji je nevjerovatno jednostavan za korištenje. Samo ga instalirajte (ovdje je link do njegove stranice proširenja) na svoj Chrome preglednik, locirajte web stranicu koju želite snimiti i pritisnite ikonu ekstenzije. Snimak ekrana se pravi skoro trenutno. Međutim, smatrao sam je manje privlačnom jer nema funkcije za uređivanje slika koje ima Awesome Screenshot.

10. Paparazzi (samo za Mac)

Ažuriranje: ova aplikacija nije ažuriran dosta dugo vremena, možda postoje problemi s kompatibilnošćunajnoviji macOS. Stoga ga više ne preporučujem.

Paparazzi! je Mac uslužni program koji je dizajnirao i razvio Nate Weaver posebno za pravljenje snimaka ekrana web stranica. Prilično je intuitivno. Samo kopirajte i zalijepite vezu na web stranicu, definirajte veličinu slike ili vrijeme kašnjenja i aplikacija će vam vratiti rezultat. Kada to učinite, kliknite na ikonu za preuzimanje koja se nalazi u donjem desnom uglu da izvezete snimak ekrana.

Glavna briga koju imam je da je aplikacija zadnji put ažurirana prije nekoliko godina, pa sam Nisam siguran da li će biti kompatibilan sa budućim verzijama macOS-a.

Ovo su različiti načini snimanja ekrana za cijelu web stranicu ili web stranicu koja se pomiče. Kao što sam rekao u odjeljku kratkog sažetka, različite metode imaju svoje prednosti i nedostatke, pa svakako odaberite onu koja najbolje odgovara vašim potrebama. Ostavljam vama da odaberete koje ćete koristiti.

Kao i uvijek, ako imate bilo kakvih pitanja ili prijedloga, slobodno ostavite komentar ispod.

Ja sam Cathy Daniels, stručnjakinja za Adobe Illustrator. Koristim softver od verzije 2.0 i kreiram tutorijale za njega od 2003. Moj blog je jedno od najpopularnijih odredišta na webu za ljude koji žele naučiti Illustrator. Pored blogerskog rada, ja sam i autor i grafički dizajner.