Ak hľadáte spôsob, ako zachytiť snímku celej webovej stránky v počítači Mac alebo PC, tento príspevok je určený pre vás. Vyskúšal som niekoľko nástrojov a techník, ktoré tvrdia, že dokážu vytvoriť snímku celej webovej stránky, ale od momentu napísania tohto článku fungujú len niektoré.

Chcete to urobiť rýchlo, preto vám ukážem, ako to urobiť krok za krokom. Poukážem aj na výhody a nevýhody každej metódy, len som chcel ušetriť váš čas pri zisťovaní, ktorá metóda je pre vás najlepšia.

Táto príručka je určená pre tých, ktorí chcú urobiť snímku celej alebo dlhej webovej stránky - to znamená, že na obrazovke nie sú úplne viditeľné časti.

Ak chcete jednoducho zachytiť statické okno alebo celú obrazovku pracovnej plochy, tento návod je nie môžete použiť vstavané nástroje v počítači alebo telefóne, aby ste to urobili rýchlo: Shift + Command + 4 (macOS) alebo Ctrl + PrtScn (Windows).

Zhrnutie:

• Nechcete sťahovať žiadny softvér alebo rozšírenie? Skúste to. Metóda 1 alebo Metóda 7 .
• Ak používate prehliadač Mozilla Firefox, skúste Metóda 2 .
• Ak chcete zachytávať snímky obrazovky a vykonávať jednoduché úpravy, skúste Metóda 3, 5, 6 .

Rýchla aktualizácia : Používatelia počítačov Mac môžu dokonca zachytiť snímku obrazovky v plnej veľkosti bez rozšírenia prehliadača.

1. Otvorte DevTools v prehliadači Chrome (príkaz + možnosť + I)

2. Otvorte ponuku príkazov (command + shift + P) a zadajte "screenshot".

3. Vyberte jednu z dvoch možností "Capture full size screenshot" (Zachytiť snímku obrazovky v plnej veľkosti) z "Capture screenshot" (Zachytiť snímku obrazovky).

4. Zachytený obrázok sa stiahne do počítača.

- Tip od nášho čitateľa Hansa Kuijpersa.

1. Tlač a uloženie celej webovej stránky ako PDF

Predpokladajme, že chcete vyextrahovať napríklad hárok výkazu ziskov a strát z Yahoo Finance. Najprv otvorte stránku vo webovom prehliadači. Tu ako príklad použijem Chrome na svojom Macu.

Krok 1: V ponuke prehliadača Chrome, kliknite na položku Súbor> Tlač.

Krok 2: Kliknutím na tlačidlo "Uložiť" exportujte stránku do súboru PDF.

Krok 3: Ak chcete finančný výkaz vložiť do projektu PowerPoint, možno budete musieť najprv previesť súbor PDF na obrázok vo formáte PNG alebo JPEG a potom obrázok orezať tak, aby obsahoval len časť s údajmi.

Klady:

• Je to rýchle.
• Nie je potrebné sťahovať žiadny softvér tretej strany.
• Kvalita snímok je dobrá.

Zápory:

• Na konverziu súboru PDF na obrázok môže byť potrebný dodatočný čas.
• Je ťažké priamo prispôsobiť snímky obrazovky.

2. Snímky obrazovky prehliadača Firefox (pre používateľov prehliadača Firefox)

Snímky obrazovky Firefoxu je nová funkcia vyvinutá tímom Mozilla, ktorá vám pomôže snímať, sťahovať, zhromažďovať a zdieľať snímky obrazovky. Pomocou tejto funkcie môžete rýchlo uložiť snímku obrazovky celej webovej stránky.

Krok 1: Kliknite na ponuku Akcie stránky v adresnom riadku.

Krok 2: Vyberte možnosť "Uložiť celú stránku".

Krok 3: Teraz si môžete vybrať, či chcete obrázok stiahnuť priamo na plochu počítača.

Príklad: Dlhý článok, ktorý som nedávno uverejnil: Najlepší čistič Mac vrátane bezplatnej aplikácie.

Vedľajšia poznámka : Videl som, že táto funkcia je stále vo fáze BETA, takže nie je zaručené, že si ju Firefox ponechá. V čase poslednej aktualizácie tohto príspevku však táto funkcia bola stále dostupná. Taktiež najpopulárnejšie webové prehliadače, ako je Apple Safari alebo Google Chrome, túto funkciu zatiaľ neponúkajú.

3. Parallels Toolbox pre Mac (Safari)

Ak chcete na Macu robiť rolovacie snímky obrazovky, určite sa vám bude páčiť funkcia "Screenshot Page" v Parallels Toolbox ktorá zahŕňa niekoľko malých verejných služieb.

Poznámka: Parallels Toolbox nie je freeware, ale ponúka 7-dňovú skúšobnú verziu bez funkčných obmedzení.

Krok 1: stiahnite si aplikáciu Parallels Toolbox a nainštalujte ju do počítača Mac. Otvorte ju a nájdite Snímanie snímok obrazovky> Strana so snímkami obrazovky .

Krok 2: Kliknite na Strana so snímkou obrazovky a dostanete sa do ďalšieho okna s požiadavkou na pridanie rozšírenia do prehliadača Safari. Keď ho povolíte, v prehliadači Safari sa zobrazí táto ikona.

Krok 3: Vyberte stránku, ktorú chcete nasnímať, a kliknite na ikonu Parallels Screenshot, potom sa stránka automaticky posunie, urobí sa snímka obrazovky a uloží sa ako súbor PDF na pracovnú plochu.

Ako príklad som použil túto stránku o softvéri a fungovalo to veľmi dobre.

Klady:

• Kvalita výstupného súboru PDF je veľmi dobrá.
• Nemusíte sa posúvať ručne, pretože aplikácia to urobí za vás.
• Okrem snímky webovej stránky môžete zachytiť aj oblasť alebo okno.

Zápory:

• Inštalácia aplikácie chvíľu trvá.
• Nie je to freeware, hoci je k dispozícii 7-dňová skúšobná verzia bez obmedzení.

4. Doplnok Awesome Screenshot (pre Chrome, Firefox, Safari)

Zásuvný modul Awesome Screenshot dokáže zachytiť celú webovú stránku alebo jej časť. Umožňuje tiež upravovať snímky obrazovky: môžete ich komentovať, pridávať poznámky, rozmazávať citlivé informácie atď. Zásuvný modul je kompatibilný s hlavnými webovými prehliadačmi vrátane prehliadačov Chrome, Firefox a Safari.

Tu sú odkazy na pridanie zásuvného modulu:

• Chrome
• Firefox (Poznámka: keďže je teraz k dispozícii aplikácia Firefox Screenshots, tento doplnok už neodporúčam. Viac informácií nájdete v metóde 2.)
• Safari

Zásuvný modul som otestoval v prehliadačoch Chrome, Firefox a Safari a všetky fungujú dobre. Pre zjednodušenie použijem ako príklad prehliadač Google Chrome. Postup pri používaní aplikácie Awesome Screenshot pre prehliadače Firefox a Safari je dosť podobný.

Krok 1: Otvorte vyššie uvedené prepojenie prehliadača Chrome a kliknite na "ADD TO CHROME".

Krok 2: Stlačte tlačidlo "Pridať rozšírenie".

Krok 3: Keď sa ikona rozšírenia zobrazí na lište prehliadača Chrome, kliknite na ňu a vyberte možnosť "Zachytiť celú stránku".

Krok 4: V priebehu niekoľkých sekúnd sa táto webová stránka automaticky posunie nadol. Otvorí sa nová stránka (pozri nižšie), na ktorej sa zobrazí snímka obrazovky s panelom úprav, ktorý vám umožní orezávať, pridávať poznámky, vizuálne prvky atď. Po dokončení kliknite na tlačidlo "Hotovo".

Krok 5: Stlačením ikony "stiahnuť" uložte obrázok snímky obrazovky. To je všetko!

Klady:

• Mimoriadne jednoduché používanie.
• Funkcie na úpravu obrázkov sú skvelé.
• Je kompatibilný s hlavnými webovými prehliadačmi.

Zápory:

• Podľa vývojára rozšírenia sa môžu vyskytnúť určité prevádzkové problémy. Ja som zatiaľ žiadne takéto problémy nezaznamenal.

5. Zachytenie rolovacieho okna alebo celej stránky pomocou aplikácie Snagit

Veľmi sa mi páči Snagit (recenzia). Je to výkonná aplikácia na snímanie a úpravu obrazovky, ktorá vám umožňuje robiť takmer všetko, čo súvisí so snímaním obrazovky. Ak chcete urobiť úplný snímok obrazovky webovej stránky, postupujte podľa nasledujúcich krokov (ako príklad použijem Snagit pre Windows):

Upozornenie: Snagit nie je freeware, ale ponúka 15-dňovú bezplatnú skúšobnú verziu.

Krok 1: Získajte aplikáciu Snagit a nainštalujte ju do počítača PC alebo Mac. Otvorte hlavné okno snímania. V časti Obrázok> Výber , uistite sa, že ste vybrali možnosť "Posúvacie okno." Stlačením červeného tlačidla Capture (Snímanie) pokračujte.

Krok 2: Vyhľadajte webovú stránku, ktorú chcete nasnímať, a potom na ňu presuňte kurzor. Teraz sa aktivuje aplikácia Snagit a uvidíte tri žlté tlačidlá so šípkami, ktoré sa pohybujú. Spodná šípka predstavuje "Zachytiť vertikálne rolovanie", pravá šípka predstavuje "Zachytiť horizontálne rolovanie" a šípka v pravom dolnom rohu predstavuje "Zachytiť celé rolovanie". Klikol som na tlačidlo "ZachytiťVertikálne rolovanie".

Krok 3: Teraz Snagit automaticky posúva stránku a zachytáva časti mimo obrazovky. Čoskoro sa zobrazí okno panela editora Snagit s práve nasnímanou snímkou obrazovky. Vidíte v ňom uvedené dostupné funkcie úprav? Práve preto Snagit vyčnieva z radu: Môžete vykonať toľko zmien, koľko chcete, s množstvom možností.

Klady:

• Dokáže zachytiť rolovanie webovej stránky aj okno.
• Výkonné funkcie na úpravu obrázkov.
• Veľmi intuitívne a jednoduché používanie.

Zápory:

• Prevzatie a inštalácia aplikácie (veľkosť ~ 90 MB) trvá dlho.
• Nie je bezplatná, hoci sa dodáva s 15-dňovou skúšobnou verziou.

6. Aplikácia Capto (len pre Mac)

Capto je aplikácia na zvýšenie produktivity mnohých používateľov počítačov Mac, vrátane mňa. Hlavnou hodnotou aplikácie je nahrávanie videí obrazovky počítača Mac, ale umožňuje aj zachytávanie snímok obrazovky a ukladanie obrázkov do jej knižnice. Tie potom môžete jednoducho upravovať, organizovať a zdieľať.

Poznámka: Podobne ako Snagit, ani Capto nie je freeware, ale ponúka skúšobnú verziu, ktorú môžete využiť.

Tu je návod na zhotovenie celej snímky obrazovky pomocou aplikácie Capto:

Krok 1: Otvorte aplikáciu a v hornej časti ponuky kliknite na ikonu "Web". Tam si môžete vybrať, či chcete prichytiť adresu URL webovej stránky rôznymi spôsobmi. Napríklad, ak ste už na stránke, jednoducho kliknite na "Prichytiť aktívnu adresu URL prehliadača".

Krok 2: Pomocou nástrojov na ľavom paneli môžete snímku upraviť, napr. zvýrazniť oblasť, pridať šípku alebo text atď.

Krok 3: Teraz Capto vyextrahuje prvky stránky a uloží obrázok do svojej knižnice. Následne vyberiete File> Export (Súbor> Exportovať), aby ste ho uložili lokálne.

Poznámka: ak vyberiete možnosť nechať Capto zachytiť webovú stránku z aktívneho prehliadača, môže to v prípade dlhšej webovej stránky chvíľu trvať.

Iné metódy

Počas môjho skúmania som našiel aj niekoľko ďalších pracovných metód. Nechcem ich vyššie uvádzať, pretože nie sú také dobré vzhľadom na čas a úsilie, ktoré musíte investovať, a kvalitu výstupu. Napriek tomu fungujú, takže neváhajte a niektoré z nich vyskúšajte.

7. Zachytenie snímky obrazovky v plnej veľkosti v prehliadači Chrome bez rozšírenia prehliadača

O tento tip sa s nami láskavo podelil jeden z našich čitateľov, Hans Kuijpers.

• Otvorenie nástroja DevTools v prehliadači Chrome (OPTION + CMD + I)
• Otvorte ponuku príkazov (CMD + SHIFT + P) a zadajte "screenshot".
• Vyberte jednu z dvoch možností "Capture full size screenshot" (Zachytiť snímku obrazovky v plnej veľkosti) z "Capture screenshot" (Zachytiť snímku obrazovky).
• Zachytený obrázok sa stiahne do počítača.

8. Web-Capture.Net

Je to online služba na vytváranie snímok obrazovky webových stránok v plnom rozsahu. Najprv otvoríte webovú stránku, skopírujete adresu URL webovej stránky, ktorej snímku chcete vytvoriť, a vložíte ju sem (pozri nižšie). Môžete si tiež vybrať formát súboru, ktorý chcete exportovať. Stlačením tlačidla "Enter" na klávesnici pokračujte.

Trvalo mi asi dve minúty, kým som videl správu: "Vaše prepojenie bolo spracované! Môžete si stiahnuť súbor alebo archív ZIP." Teraz si môžete stiahnuť snímku obrazovky.

Klady:

• Funguje to.
• Nie je potrebné inštalovať žiadny softvér.

Zápory:

• Na jej webovej lokalite sú tony reklám.
• Proces vytvárania snímok obrazovky je pomalý.
• Žiadne funkcie na úpravu obrázkov.

9. Snímanie celej stránky (rozšírenie Chrome)

Podobne ako Awesome Screenshot, Full Page Screen Capture je doplnok Chrome, ktorý sa neuveriteľne ľahko používa. Stačí ho nainštalovať (tu je odkaz na stránku s rozšírením) do prehliadača Chrome, nájsť webovú stránku, ktorú chcete zachytiť, a stlačiť ikonu rozšírenia. Snímka obrazovky sa vytvorí takmer okamžite.Snímka obrazovky má.

10. Paparazzi (iba pre Mac)

Aktualizácia: táto aplikácia nebola dlho aktualizovaná, môžu sa vyskytnúť problémy s kompatibilitou s najnovším systémom macOS. Preto ju už neodporúčam.

Paparazzi! je nástroj pre počítače Mac, ktorý navrhol a vyvinul Nate Weaver špeciálne na vytváranie snímok obrazovky webových stránok. Je celkom intuitívny. Stačí skopírovať a vložiť odkaz na webovú stránku, definovať veľkosť obrázka alebo čas oneskorenia a aplikácia vám vráti výsledok. Po dokončení kliknite na ikonu na stiahnutie, ktorá sa nachádza v pravom dolnom rohu, a snímku obrazovky exportujte.

Hlavnú obavu mám z toho, že aplikácia bola naposledy aktualizovaná pred niekoľkými rokmi, takže si nie som istý, či bude kompatibilná s budúcimi verziami systému macOS.

Toto sú rôzne spôsoby snímania snímok obrazovky pre celú alebo rolovateľnú webovú stránku. Ako som uviedol v časti rýchleho zhrnutia, rôzne metódy majú svoje výhody a nevýhody, takže si určite vyberte tú, ktorá najlepšie vyhovuje vašim potrebám. Výber, ktorú(-é) z nich použijete, nechám na vás.

Ak máte nejaké otázky alebo návrhy, neváhajte a zanechajte komentár nižšie.