10 módszer a teljes weboldal képernyőképének elkészítésére Mac vagy Windows rendszeren

Ha azt keresi, hogyan készítsen teljes weboldal képernyőképet Mac-en vagy PC-n, ez a bejegyzés az Ön számára. Kipróbáltam egy maroknyi eszközt és technikát, amelyek azt állítják, hogy képesek képernyőképet készíteni egy teljes weboldalról, de az írás pillanatában csak néhány működik.

Ezt gyorsan szeretné elvégezni, ezért lépésről lépésre megmutatom, hogyan kell ezt megtenni. Rámutatok az egyes módszerek előnyeire és hátrányaira is, csak időt akartam spórolni azzal, hogy kitaláljam, melyik módszer a legmegfelelőbb az Ön számára.

Ez az útmutató azoknak szól, akik teljes képernyőképet szeretnének készíteni a teljes vagy hosszú weboldalról – vagyis vannak olyan részek, amelyek nem láthatók teljesen a képernyőn.

Ha egyszerűen egy statikus ablakot vagy egy teljes asztali képernyőt szeretne rögzíteni, ez az útmutató az nem neked. Használhatja számítógépe vagy telefonja beépített eszközeit, hogy ezt gyorsan elvégezze: műszak + parancs + 4 (macOS) vagy Ctrl + PrtScn (Ablakok).

Összefoglaló:

• Nem szeretne letölteni semmilyen szoftvert vagy bővítményt? Próbálja meg Módszer 1 or Módszer 7.
• Ha Mozilla Firefox böngészőt használ, próbálja meg Módszer 2.
• Ha szeretné rögzíteni a képernyőképeket, valamint egyszerű szerkesztéseket végezni, próbálkozzon 3., 5., 6. módszer.

Gyors frissítés: Mac felhasználók számára akár teljes méretű képernyőkép is készíthető böngészőbővítmény nélkül.

1. Nyissa meg a DevTools alkalmazást a Chrome-ban (command + opció + I)

2. Nyissa meg a Parancsmenüt (command + Shift + P), és írja be, hogy „screenshot”

3. A „Képernyőkép rögzítése” részben válassza ki a „Teljes méretű képernyőkép rögzítése” opciók egyikét.

4. A rögzített kép letöltődik a számítógépére.

– A tippet olvasónk, Hans Kuijpers adta.

1. Nyomtasson ki és mentsen el egy teljes weboldalt PDF formátumban

Tegyük fel, hogy ki akar bontani, mondjuk, egy bevételi kimutatást a Yahoo Finance-től. Először nyissa meg az oldalt egy webböngészőben. Itt példaként a Chrome-ot használom Mac gépemen.

1. lépés: A Chrome menüben kattintson a Fájl > Nyomtatás elemre.

2. lépés: Kattintson a „Mentés” gombra az oldal PDF-fájlba exportálásához.

3. lépés: Ha be szeretné ágyazni a pénzügyi kimutatást egy PowerPoint-projektbe, előfordulhat, hogy először PNG vagy JPEG formátumú képpé kell konvertálnia a PDF-fájlt, majd le kell vágnia a képet, hogy csak az adatrészt tartalmazza.

Előnyök:

• Gyors.
• Nincs szükség harmadik féltől származó szoftver letöltésére.
• A képernyőkép minősége jó.

Hátrányok:

• A PDF-fájl képpé konvertálásához több időre lehet szükség.
• Nehéz közvetlenül testre szabni a képernyőképeket.

2. Firefox képernyőképek (Firefox-felhasználók számára)

A Firefox Screenshots a Mozilla csapata által kifejlesztett új funkció, amely segít képernyőképek készítésében, letöltésében, gyűjtésében és megosztásában. Ezzel a funkcióval gyorsan menthet képernyőképet egy teljes weboldalról.

1. lépés: Kattintson az Oldalműveletek menüre a címsorban.

2. lépés: Válassza a „Teljes oldal mentése” lehetőséget.

3. lépés: Most kiválaszthatja, hogy közvetlenül a számítógép asztalára tölti le a képet.

Oldaljegyzet: Láttam, hogy ez a funkció még BÉTA verzióban van, így nem garantált, hogy a Firefox megtartja. De a bejegyzés utolsó frissítésekor ez a funkció még mindig elérhető. Ezenkívül a legnépszerűbb webböngésző, például az Apple Safari vagy a Google Chrome még nem kínálja ezt a funkciót.

3. Parallels Toolbox for Mac (Safari)

Ha görgethető képernyőképet szeretne készíteni Mac számítógépen, akkor imádni fogja ezt a „Képernyőkép oldal” nevű funkciót. Párhuzamok eszköztár amely egy maroknyi kis közművet tartalmaz.

Megjegyzés: A Parallels Toolbox nem ingyenes, de 7 napos próbaverziót kínál funkcionális korlátozások nélkül.

Lépés 1: letöltés Parallels Toolbox és telepítse az alkalmazást Mac számítógépére. Nyissa meg és keresse meg Készítsen Képernyőképeket > Képernyőkép oldal.

2 lépés: Kattints a gombra Képernyőkép oldal és egy másik ablakba kerül, amely egy kiterjesztés hozzáadását kéri a Safarihoz. Miután engedélyezte, ez az ikon megjelenik a Safari böngészőben.

3. lépés: Válassza ki a képernyőképet készíteni kívánt oldalt, és kattintson a Parallels Screenshot ikonra, majd automatikusan görgeti az oldalt, és készít egy képernyőképet, és PDF-fájlként menti az asztalra.

Előnyök:

• A kimeneti PDF fájl minősége nagyon jó.
• Nem kell manuálisan görgetnie, mert az alkalmazás elvégzi ezt helyetted.
• A weboldal képernyőképezése mellett területet vagy ablakot is rögzíthet.

Hátrányok:

• Az alkalmazás telepítése egy kis időt vesz igénybe.
• Nem ingyenes, bár 7 napos korlátozás nélküli próbaverzió biztosított.

4. Awesome Screenshot beépülő modul (Chrome, Firefox, Safari)

Az Awesome Screenshot egy beépülő modullal rendelkezik, amely bármely weboldal egészét vagy egy részét rögzítheti. Ezenkívül lehetővé teszi a képernyőképek szerkesztését: megjegyzéseket fűzhet hozzá, megjegyzéseket adhat hozzá, elhomályosíthatja az érzékeny információkat stb. A beépülő modul kompatibilis a főbb böngészőkkel, beleértve a Chrome-ot, a Firefoxot és a Safarit.

Íme a linkek a bővítmény hozzáadásához:

• króm
• Firefox (Megjegyzés: mivel a Firefox Screenshots már elérhető, nem javaslom tovább ezt a bővítményt. További információért lásd a 2. módszert.)
• Safari

Kipróbáltam a bővítményt Chrome-on, Firefoxon és Safarin, és mindegyik jól működik. A dolgok megkönnyítése érdekében a Google Chrome-ot használom példaként. Az Awesome Screenshot Firefoxhoz és Safarihoz használatának lépései meglehetősen hasonlóak.

1. lépés: Nyissa meg a fenti Chrome-linket, és kattintson a „HOZZÁADÁS A CHROME-HOZ” gombra.

2. lépés: Kattintson a „Bővítmény hozzáadása” gombra.

3. lépés: Miután a bővítmény ikonja megjelenik a Chrome-sávon, kattintson rá, és válassza a „Teljes oldal rögzítése” lehetőséget.

4. lépés: Néhány másodpercen belül a weboldal automatikusan lefelé gördül. Megnyílik egy új oldal (lásd alább), amelyen a képernyőképet láthatja egy szerkesztőpanellel, amely lehetővé teszi a kivágást, megjegyzéseket, látványelemek hozzáadását stb. Kattintson a „Kész” gombra, ha végzett.

5. lépés: Nyomja meg a „letöltés” ​​ikont a képernyőkép mentéséhez. Ez az!

Előnyök:

• Rendkívül könnyen használható.
• A képszerkesztő funkciók nagyszerűek.
• Kompatibilis a főbb webböngészőkkel.

Hátrányok:

• A bővítmény fejlesztője szerint működési problémákba ütközhet. Még nem tapasztaltam ilyen problémákat.

5. Gördülő ablak vagy teljes oldal rögzítése a Snagit segítségével

Nagyon szeretem Snagit (felül). Ez egy hatékony képernyőrögzítő és -szerkesztő alkalmazás, amellyel szinte bármit megtehet, ami a képernyőképekkel kapcsolatos. Ha teljes képernyőképet szeretne készíteni egy weboldalról, kövesse az alábbi lépéseket (a Snagit for Windows alkalmazást használom példaként):

Megjegyzés: A Snagit nem ingyenes, de 15 napos ingyenes próbaverzióval rendelkezik.

Lépés 1: Szerezd meg Snagit és telepítse PC-re vagy Mac-re. Nyissa meg a fő rögzítési ablakot. Alatt Kép > Kijelölés, feltétlenül válassza a „Görgető ablak” lehetőséget. A folytatáshoz nyomja meg a piros Rögzítés gombot.

2. lépés: Keresse meg a képernyőképet készíteni kívánt weboldalt, majd vigye a kurzort arra a területre. Most a Snagit aktiválódik, és három sárga nyílgombot fog látni. Az alsó nyíl a „Függőleges görgetési terület rögzítése”, a jobb nyíl a „Vízszintes görgetési terület rögzítése”, a jobb alsó sarokban lévő nyíl pedig a „Teljes görgetési terület rögzítése”. Rákattintottam a „Függőleges görgetési terület rögzítése” opcióra.

3. lépés: Most a Snagit automatikusan görgeti az oldalt, és rögzíti a képernyőn kívüli részeket. Hamarosan felugrik a Snagit Editor panel ablaka az imént készített képernyőképpel. Látja az ott felsorolt ​​elérhető szerkesztési funkciókat? Ez az, amiért a Snagit kitűnik a tömegből: annyi változtatást hajthat végre, amennyit csak szeretne, rengeteg lehetőséggel.

Előnyök:

• Képes egy görgető weboldalt és egy ablakot is rögzíteni.
• Hatékony képszerkesztő funkciók.
• Nagyon intuitív és könnyen használható.

Hátrányok:

• Az alkalmazás letöltése és telepítése időbe telik (~90 MB).
• Nem ingyenes, bár 15 napos próbaverzióval rendelkezik.

6. Capto App (csak Mac-hez)

Capto egy termelékenységnövelő alkalmazás sok Mac-felhasználó számára, beleértve magamat is. Az alkalmazás alapvető értéke képernyővideók rögzítése a Mac-en, de lehetővé teszi képernyőképek készítését és a képek könyvtárába való mentését is. Ezután könnyedén szerkesztheti, rendszerezheti és megoszthatja őket.

Megjegyzés: A Snagithoz hasonlóan a Capto sem ingyenes, de kínál egy próbaverziót, amelyet kihasználhat.

Így készíthet teljes képernyőképet a Capto használatával:

1. lépés: Nyissa meg az alkalmazást, és a menü tetején kattintson a „Web” ikonra. Itt kiválaszthatja, hogy egy weboldal URL-címét különböző módon rögzítse. Például, ha már az oldalon tartózkodik, egyszerűen kattintson a „Snap Active Browser URL” gombra.

2. lépés: A képernyőképet szerkesztheti is, például kijelölhet egy területet, hozzáadhat nyilat vagy szöveget stb. a bal oldali panelen található eszközök segítségével.

3. lépés: Most a Capto kibontja az oldalelemeket, és elment egy képet a könyvtárába. Ezután válassza a Fájl > Exportálás lehetőséget a helyi mentéshez.

Megjegyzés: ha azt választja, hogy a Capto kikap egy weboldalt az aktív böngészőből, ez hosszabb weboldal esetén eltarthat egy ideig.

Egyéb módszerek

Kutatásom során néhány más munkamódszert is találtam. Nem szeretném ezeket fentebb bemutatni, mert nem olyan jók, figyelembe véve a befektetett időt és erőfeszítést, valamint a kimenet minőségét. Ennek ellenére működnek, úgyhogy nyugodtan próbáljon ki néhányat közülük.

7. Készítsen teljes méretű képernyőképet a Chrome böngészőben böngészőbővítmény nélkül

Ezt a tippet egyik olvasónk, Hans Kuijpers osztotta meg kedvesen.

• A DevTools megnyitása a Chrome-ban (OPTION + CMD + I)
• Nyissa meg a parancsmenüt (CMD + SHIFT + P), és írja be a „screenshot” parancsot.
• Válassza ki a „Képernyőkép rögzítése” lehetőség közül a „Teljes méretű képernyőkép rögzítése” lehetőséget.
• A rögzített kép letöltődik a számítógépére.

8. Web-Capture.Net

Ez egy online, teljes hosszúságú weboldal képernyőkép-szolgáltatás. Először te nyissa meg a weboldalt, másolja ki a képernyőképet készíteni kívánt weboldal URL-jét, és illessze be ide (lásd alább). Kiválaszthatja azt is, hogy melyik fájlformátumot szeretné exportálni. A folytatáshoz nyomja meg az „Enter” gombot a billentyűzeten.

Legyél türelmes. Körülbelül két percbe telt, mire megláttam a következő üzenetet: „A linkjét feldolgoztuk! Letölthet fájlt vagy ZIP-archívumot.’ Most letöltheti a képernyőképet.

Előnyök:

• Úgy működik.
• Nem kell semmilyen szoftvert telepíteni.

Hátrányok:

• Rengeteg hirdetés a weboldalán.
• A képernyőképkészítési folyamat lassú.
• Nincs képszerkesztő funkció.

9. Teljes oldalas képernyő rögzítése (Chrome-bővítmény)

Az Awesome Screenshothoz hasonlóan a Full Page Screen Capture egy hihetetlenül könnyen használható Chrome-bővítmény. Csak telepítse (itt a link a bővítmény oldalára) a Chrome böngészőben keresse meg a rögzíteni kívánt weboldalt, és nyomja meg a bővítmény ikonját. A képernyőkép szinte azonnal elkészül. Azonban kevésbé találtam vonzónak, mert nem rendelkezik az Awesome Screenshot képszerkesztő funkcióival.

10. Paparazzi (csak Macen)

Frissítés: ezt az alkalmazást már régóta nem frissítették, kompatibilitási problémák lehetnek a legújabb macOS-szel. Ezért már nem ajánlom.

Lesifotós! egy Mac segédprogram, amelyet Nate Weaver tervezett és fejlesztett kifejezetten weboldalak képernyőképeinek készítésére. Elég intuitív. Csak másolja ki és illessze be a weboldal hivatkozását, adja meg a kép méretét vagy késleltetési idejét, és az alkalmazás visszaküldi az eredményt. Ha ez megtörtént, kattintson a jobb alsó sarokban található letöltés ikonra a képernyőkép exportálásához.

A fő gondom az, hogy az alkalmazást jó néhány éve frissítették utoljára, így nem vagyok benne biztos, hogy kompatibilis lesz-e a jövőbeli macOS-verziókkal.

Ezek a különböző módok képernyőképek készítésére egy teljes vagy görgető weboldalról. Ahogy a gyors összefoglaló részben mondtam, a különböző módszereknek megvannak a maga előnyei és hátrányai, ezért mindenképpen válassza ki az igényeinek leginkább megfelelőt. Rád bízom, hogy melyiket használod.

Mint mindig, ha bármilyen kérdése vagy javaslata van, nyugodtan írjon alább.