10 mód a teljes weboldal képernyőképének elkészítésére Macen vagy Windowson

  • Ossza Meg Ezt
Cathy Daniels

Ha azt keresi, hogyan lehet rögzíteni egy teljes weboldal képernyőfotó Mac vagy PC, ez a bejegyzés az Ön számára. Már kipróbáltam egy maroknyi eszközt és technikát, amelyek azt állítják, hogy képes képernyőfotót egy teljes weboldal, de csak néhány még mindig működik, mint ez az írás.

Gyorsan szeretnéd ezt elvégezni, ezért lépésről lépésre megmutatom, hogyan kell csinálni. Rámutatok az egyes módszerek előnyeire és hátrányaira is, csak azért, hogy időt spóroljak neked azzal, hogy kitaláld, melyik módszer a legjobb számodra.

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

Ha egyszerűen csak egy statikus ablakot vagy egy teljes asztali képernyőt szeretne rögzíteni, akkor ez az útmutató nem A számítógép vagy a telefon beépített eszközeivel gyorsan elvégezheti ezt: Shift + Command + 4 (macOS) vagy Ctrl + PrtScn (Windows).

Összefoglaló:

  • Nem szeretne letölteni semmilyen szoftvert vagy bővítményt? Próbálja ki a 1. módszer vagy 7. módszer .
  • Ha a Mozilla Firefox böngészőt használja, próbálja ki a következőt 2. módszer .
  • Ha a képernyőképek rögzítése mellett egyszerű szerkesztéseket is szeretne végezni, próbálja ki a következőt 3., 5., 6. módszer .

Gyors frissítés : A Mac felhasználók számára még az is lehetséges, hogy teljes méretű képernyőképet készítsenek böngészőbővítmény nélkül.

1. Nyissa meg a DevTools-t a Chrome-ban (parancs + opció + I)

2. Nyissa meg a Parancs menüt (command + shift + P) és írja be a "screenshot" parancsot.

3. Válassza ki a "Teljes méretű képernyőkép készítése" vagy a "Képernyőkép készítése" két lehetőség közül az egyiket.

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

- A tippet olvasónk, Hans Kuijpers adta.

1. Egy teljes weboldal nyomtatása és mentése PDF-ként

Tegyük fel, hogy például egy eredménykimutatási lapot szeretne kinyerni a Yahoo Finance-ból. Először is nyissa meg az oldalt egy webböngészőben. Itt példaként a Chrome-ot használom a Mac-emen.

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

2. lépés: Kattintson a "Mentés" gombra az oldal PDF-fájlba történő exportálásához.

3. lépés: Ha a pénzügyi lapot PowerPoint-projektbe szeretné beágyazni, akkor a PDF-et először PNG vagy JPEG formátumú képpé kell konvertálnia, majd a képet csak az adatokra kell kivágnia.

Előnyök:

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

Hátrányok:

  • A PDF-fájl képpé alakítá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 egy új funkció, amelyet a Mozilla csapata fejlesztett ki, hogy segítsen a képernyőképek készítésében, letöltésében, összegyűjtésében és megosztásában. Ezzel a funkcióval gyorsan elmenthet egy képernyőképet egy teljes weboldalról.

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

2. lépés: Válassza a "Teljes oldal mentése" opciót.

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

Példa: egy hosszú cikk, amit nemrég publikáltam: a legjobb Mac tisztító, beleértve az ingyenes App.

Megjegyzés : Láttam, hogy ez a funkció még BETA-ban van, így nem biztos, hogy a Firefox is megtartja. De a bejegyzés utolsó frissítésekor ez a funkció még elérhető volt. A legnépszerűbb böngészők, mint az Apple Safari vagy a Google Chrome szintén nem kínálják még ezt a funkciót.

3. Parallels Toolbox for Mac (Safari)

Ha görgethető képernyőfotót szeretne készíteni Macen, akkor imádni fogja ezt a "Képernyőfotó oldal" nevű funkciót a Parallels eszköztár amely magában foglal egy maroknyi kis közművet.

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

1. lépés: töltse le a Parallels Toolbox alkalmazást, és telepítse a Mac számítógépére. Nyissa meg, és keresse meg a következőt Képernyőfelvételek készítése> Képernyőfelvétel oldal .

2. lépés: Kattintson a Pillanatkép oldal és egy másik ablakba kerül, amely arra kéri, hogy adjon hozzá egy bővítményt a Safarihoz. Ha engedélyezi, akkor ez az ikon jelenik meg a Safari böngészőjé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, ezután a program automatikusan görgetni fogja az oldalt, képernyőképet készít, és PDF-fájlként elmenti az asztalára.

Ezt az oldalt használtam példaként a Szoftverről, és nagyon jól működött.

Előnyök:

  • A kimeneti PDF-fájl minősége nagyon jó.
  • Nem kell manuálisan görgetnie, mivel az alkalmazás megteszi ezt Ön helyett.
  • A képernyőképek készítése mellett egy weblapot, egy 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 egy 7 napos, korlátozás nélküli próbaverzió is rendelkezésre áll.

4. Awesome Screenshot Plugin (Chrome, Firefox, Safari)

Az Awesome Screenshot egy olyan bővítmény, amely bármely weboldal egészét vagy egy részét rögzítheti. Emellett lehetővé teszi a képernyőképek szerkesztését is: kommentálhat, megjegyzéseket adhat hozzá, elmoshatja az érzékeny információkat stb. A bővítmény kompatibilis a főbb webböngészőkkel, köztük a Chrome, Firefox és Safari böngészőkkel.

Itt vannak a linkek a plugin hozzáadásához:

  • Króm
  • Firefox (Megjegyzés: mivel a Firefox Screenshots már elérhető, ezt a plugint már nem ajánlom. Lásd a 2. módszert.)
  • Szafari

A bővítményt Chrome, Firefox és Safari böngészőkön teszteltem, és mindegyiken jól működik. A könnyebbség kedvéért a Google Chrome-ot fogom használni példaként. A Firefox és Safari Awesome Screenshot használatának lépései nagyon hasonlóak.

1. lépés: Nyissa meg a fenti Chrome linket, és kattintson a "ADD TO CHROME" gombra.

2. lépés: Nyomja meg a "Bővítmény hozzáadása" gombot.

3. lépés: Ha a bővítmény ikonja megjelenik a Chrome sávjában, kattintson rá, és válassza a "Teljes oldal rögzítése" opciót.

4. lépés: Néhány másodpercen belül ez a weboldal automatikusan legördül. Egy új oldal nyílik meg (lásd alább), amelyen a képernyőkép látható, egy szerkesztőpanellel, amely lehetővé teszi a vágást, megjegyzésekkel való ellátást, vizuális elemek hozzáadását stb. Ha kész vagy, kattints a "Kész" gombra.

5. lépés: Kattintson a "letöltés" ikonra a képernyőkép elmentéséhez. Ennyi!

Előnyök:

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

Hátrányok:

  • A fejlesztője szerint a bővítmény működési problémákkal küzdhet. Én 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 (értékelés). Ez egy hatékony képernyőfelvételi és szerkesztő alkalmazás, amellyel szinte bármit megtehet a képernyőfotózással kapcsolatban. Ha teljes képernyőfotót szeretne készíteni egy weboldalról, kövesse az alábbi lépéseket (példaként a Snagit for Windows-t használom):

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

1. lépés: Szerezze be a Snagit programot, és telepítse a számítógépére vagy Mac számítógépére. Nyissa meg a fő rögzítőablakot. Kép> Kiválasztás , győződjön meg róla, hogy a "Gördülő ablak" lehetőséget választotta. A folytatáshoz nyomja meg a piros rögzítő gombot.

2. lépés: Keresse meg a képernyőképet készíteni kívánt weboldalt, majd mozgassa a kurzort erre a területre. Most a Snagit aktiválódik, és három sárga nyílgombot lát mozogni. 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". Én a "Capture" gombra kattintottam.Függőleges görgetési terület" opció.

3. lépés: Most a Snagit automatikusan végigpörgeti az oldalt, és rögzíti a képernyőn kívüli részeket. Hamarosan felugrik egy Snagit Editor panelablak az imént készített képernyőfotóval. Látod az ott felsorolt elérhető szerkesztési funkciókat? Ezért emelkedik ki a Snagit a tömegből: annyi módosítást végezhetsz, amennyit csak szeretnél, rengeteg lehetőséggel.

Előnyök:

  • Képes egy görgethető weboldal és egy ablak rögzítésére is.
  • Hatékony képszerkesztési 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 méretű).
  • Nem ingyenes, bár 15 napos próbaverzióval érkezik.

6. Capto alkalmazás (csak Mac számítógépekre)

A Capto sok Mac-felhasználó, köztük jómagam számára is egy termelékenységi alkalmazás. Az alkalmazás alapvető értéke a képernyővideók rögzítése a Mac-en, de lehetővé teszi a képernyőképek rögzítését és a képek mentését is a könyvtárába. Ezután könnyen szerkesztheti, rendszerezheti és megoszthatja őket.

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

Íme, hogyan készíthet egy teljes képernyőképet a Capto segítségével:

1. lépés: Nyissa meg az alkalmazást, és a menü tetején kattintson a "Web" ikonra. Ott választhatja ki, hogy különböző módokon rögzítse egy weboldal URL-jét. Például, ha már az oldalon van, egyszerűen kattintson a "Snap Active Browser URL" gombra.

2. lépés: A bal oldali panelen található eszközökkel szerkesztheti a képernyőképet, például kiemelhet egy területet, hozzáadhat egy nyilat vagy szöveget stb.

3. lépés: Most a Capto kivonja az oldal elemeit és elmenti a 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 úgy dönt, hogy a Capto leképez egy weboldalt az aktív böngészőből, ez hosszabb weboldalak esetén némi időt vehet igénybe.

Egyéb módszerek

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

7. Teljes méretű képernyőkép készítése Chrome böngészőbővítmény nélkül

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

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

8. Web-Capture.Net

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

Legyen türelemmel. Két percbe telt, mire megláttam az üzenetet: "A linket feldolgoztuk! Letöltheti a fájlt vagy a ZIP-archívumot." Most már letöltheti a képernyőképet.

Előnyök:

  • Működik.
  • Nincs szükség semmilyen szoftver telepítésére.

Hátrányok:

  • Rengeteg hirdetés a weboldalán.
  • A képernyőfotózás folyamata lassú.
  • Nincsenek képszerkesztési funkciók.

9. Teljes oldali képernyőfelvétel (Chrome bővítmény)

Az Awesome Screenshothoz hasonlóan a Full Page Screen Capture is egy Chrome bővítmény, amelyet hihetetlenül egyszerű használni. Csak telepítse (itt a link a bővítmény oldalára) a Chrome böngészőjébe, 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. Én azonban kevésbé találtam vonzónak, mert nem rendelkezik azokkal a képszerkesztési funkciókkal, mint az AwesomePillanatkép van.

10. Paparazzi (csak Mac)

Frissítés: ez az alkalmazás már régóta nem frissült, előfordulhatnak kompatibilitási problémák a legújabb macOS-szel. Így már nem ajánlom.

A Paparazzi! egy Nate Weaver által tervezett és fejlesztett Mac segédprogram, amely kifejezetten weboldalakról készít képernyőfotókat. A program meglehetősen intuitív. Csak másold be a weblap linkjét, határozd meg a kép méretét vagy a késleltetési időt, és az alkalmazás visszaadja neked az eredményt. Ha ezzel megvagy, kattints a jobb alsó sarokban található letöltés ikonra a képernyőfotó exportálásához.

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

Ezek a képernyőképek készítésének különböző módjai egy teljes vagy görgethető weboldalról. Ahogy a gyors összefoglaló részben is említettem, a különböző módszereknek megvannak a maguk előnyei és hátrányai, ezért mindenképpen azt kell választani, amelyik a legjobban megfelel az igényeidnek. Rád bízom, hogy melyik(ek)et használod.

Mint mindig, ha bármilyen kérdésed vagy javaslatod van, nyugodtan hagyj egy megjegyzést alább.

Cathy Daniels vagyok, az Adobe Illustrator szakértője. A szoftvert a 2.0-s verzió óta használom, és 2003 óta készítek hozzá oktatóanyagokat. A blogom az egyik legnépszerűbb célpont a weben azoknak, akik szeretnék megtanulni az Illustratort. A bloggeri munkám mellett íróként és grafikusként is dolgozom.