10 manieren om een screenshot te maken van een hele webpagina op Mac of Windows

  • Deel Dit
Cathy Daniels

Als u op zoek bent naar hoe u een volledige schermafdruk van een webpagina kunt maken op Mac of PC, dan is deze post voor u. Ik heb een handvol tools en technieken geprobeerd die beweren een volledige webpagina te kunnen schermafdrukken, maar slechts een paar werken nog steeds vanaf dit schrijven.

Je wilt dit snel voor elkaar krijgen, dus ik laat je zien hoe je het stap voor stap doet. Ik wijs ook op de voor- en nadelen van elke methode, gewoon om je tijd te besparen bij het uitzoeken welke methode voor jou het beste is.

Deze gids is bedoeld voor wie een hele of lange webpagina wil fotograferen - wat betekent dat er delen zijn die niet helemaal zichtbaar zijn op je scherm.

Als u gewoon een statisch venster of een volledig bureaubladscherm wilt vastleggen, is deze handleiding niet U kunt de ingebouwde hulpmiddelen op uw computer of telefoon gebruiken om dat snel voor elkaar te krijgen: Shift + Command + 4 (macOS) of Ctrl + PrtScn (Windows).

Samenvatting:

  • Wilt u geen software of extensie downloaden? Probeer dan Methode 1 of Methode 7 .
  • Als u de browser Mozilla Firefox gebruikt, probeer dan Methode 2 .
  • Als u de schermafbeeldingen wilt vastleggen en eenvoudige bewerkingen wilt uitvoeren, probeer dan Methode 3, 5, 6 .

Snelle update Voor Mac-gebruikers is het zelfs mogelijk om een schermopname op ware grootte te maken zonder een browserextensie.

1. Open DevTools in Chrome (commando + optie + I)

2. Open het Command Menu (command + shift + P) en typ "screenshot".

3. Selecteer een van de twee opties "Capture full size screenshot" of "Capture screenshot".

4. Het vastgelegde beeld wordt gedownload naar uw computer.

- Tip bijgedragen door onze lezer, Hans Kuijpers.

1. Een hele webpagina afdrukken en opslaan als PDF

Stel dat u bijvoorbeeld een blad met de winst- en verliesrekening van Yahoo Finance wilt ophalen. Open eerst de pagina in een webbrowser. Hier gebruik ik Chrome op mijn Mac als voorbeeld.

Stap 1: In het Chrome menu, klik op Bestand> Afdrukken.

Stap 2: Klik op de knop "Opslaan" om de pagina te exporteren naar een PDF-bestand.

Stap 3: Als u de financiële fiche in een PowerPoint-project wilt invoegen, moet u de PDF eerst omzetten in een afbeelding in PNG- of JPEG-formaat, en vervolgens de afbeelding alleen bijsnijden om het gegevensgedeelte op te nemen.

Voordelen:

  • Het is snel.
  • U hoeft geen software van derden te downloaden.
  • De kwaliteit van de screenshots is goed.

Minpunten:

  • Er kan extra tijd nodig zijn om het PDF-bestand om te zetten in een afbeelding.
  • Het is moeilijk om de screenshots direct aan te passen.

2. Firefox-screenshots (voor gebruikers van Firefox)

Firefox Screenshots is een nieuwe functie ontwikkeld door het Mozilla-team om u te helpen bij het maken, downloaden, verzamelen en delen van screenshots. U kunt deze functie gebruiken om snel een screenshot van een hele webpagina op te slaan.

Stap 1: Klik op het menu Pagina-acties in de adresbalk.

Stap 2: Selecteer de optie "Volledige pagina opslaan".

Stap 3: Nu kunt u ervoor kiezen om de afbeelding rechtstreeks naar uw bureaublad te downloaden.

Voorbeeld: een lang artikel dat ik onlangs publiceerde: beste Mac cleaner inclusief gratis App.

Kanttekening : Ik zag dat deze functie nog steeds in BETA is, dus het is niet gegarandeerd dat Firefox deze zal behouden. Maar op het moment dat dit bericht voor het laatst werd bijgewerkt, is deze functie nog steeds toegankelijk. Ook de populairste webbrowsers zoals Apple Safari of Google Chrome bieden deze functie nog niet.

3. Parallels Toolbox voor Mac (Safari)

Als u een scrollende schermafbeelding op de Mac wilt maken, zult u deze functie genaamd "Screenshot Page" in Parallels Toolbox waaronder een handvol kleine nutsbedrijven.

Opmerking: Parallels Toolbox is geen freeware, maar biedt een 7-daagse proefversie zonder functionele beperkingen.

Stap 1: download Parallels Toolbox en installeer het programma op uw Mac. Open het en zoek naar Screenshots maken> Screenshot Pagina .

Stap 2: Klik op Screenshot Pagina en het brengt je naar een ander venster met de vraag om een extensie toe te voegen aan Safari. Zodra je die hebt ingeschakeld, zie je dit pictogram verschijnen in je Safari-browser.

Stap 3: Selecteer de pagina die u wilt screenshotten en klik op het Parallels Screenshot pictogram, het zal dan automatisch uw pagina scrollen en een screenshot maken en opslaan als een PDF-bestand op uw bureaublad.

Ik heb deze pagina over Software als voorbeeld gebruikt en het werkte heel goed.

Voordelen:

  • De kwaliteit van het uitgaande PDF-bestand is zeer goed.
  • Je hoeft niet handmatig te scrollen, want dat doet de app voor je.
  • Behalve een screenshot van een webpagina kun je ook een gebied of venster vastleggen.

Minpunten:

  • Het kost wat tijd om de app te installeren.
  • Het is geen freeware, maar er is wel een 7-daagse proefversie zonder beperkingen.

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

Awesome Screenshot is een plugin die alle of een deel van elke webpagina kan vastleggen. Ook kunt u de screenshots bewerken: u kunt commentaar geven, annotaties toevoegen, gevoelige informatie vervagen, enz. De plugin is compatibel met de belangrijkste webbrowsers, waaronder Chrome, Firefox en Safari.

Hier zijn de links om de plugin toe te voegen:

  • Chroom
  • Firefox (Opmerking: aangezien de Firefox Screenshots nu beschikbaar is, raad ik deze plugin niet langer aan. Zie methode 2 voor meer).
  • Safari

Ik heb de plugin getest op Chrome, Firefox en Safari, en ze werken allemaal goed. Om het makkelijker te maken, gebruik ik Google Chrome als voorbeeld. De stappen voor het gebruik van Awesome Screenshot voor Firefox en Safari zijn vergelijkbaar.

Stap 1: Open de bovenstaande Chrome link en klik op "ADD TO CHROME".

Stap 2: Druk op "Extensie toevoegen".

Stap 3: Zodra het extensiepictogram op de Chrome-balk verschijnt, klikt u erop en selecteert u de optie "Hele pagina vastleggen".

Stap 4: Binnen enkele seconden scrolt die webpagina automatisch naar beneden. Er wordt een nieuwe pagina geopend (zie hieronder), waarop u de schermafbeelding ziet met een bewerkingspaneel waarmee u kunt bijsnijden, annoteren, visuals toevoegen, etc. Klik op "Klaar" als u klaar bent.

Stap 5: Klik op het "download" pictogram om de schermafbeelding op te slaan. Dat is alles!

Voordelen:

  • Zeer gemakkelijk te gebruiken.
  • Beeldbewerkingsfuncties zijn geweldig.
  • Het is compatibel met de belangrijkste webbrowsers.

Minpunten:

  • De extensie kan volgens de ontwikkelaar enkele operationele problemen ondervinden. Ik heb dergelijke problemen nog niet ondervonden.

5. Een scrollend venster of de hele pagina vastleggen met Snagit

Ik hou echt van Snagit (review). Het is een krachtige app voor het vastleggen en bewerken van schermen waarmee je bijna alles kunt doen wat met screenshotten te maken heeft. Om een volledige screenshot van een webpagina te maken, volg je de onderstaande stappen (ik gebruik Snagit voor Windows als voorbeeld):

Let op: Snagit is geen freeware, maar heeft een gratis proefperiode van 15 dagen.

Stap 1: Haal Snagit op en installeer het op uw PC of Mac. Open het hoofdvenster voor het vastleggen. Onder Afbeelding> Selectie Zorg ervoor dat je "Scrolling Window" kiest. Druk op de rode Capture knop om verder te gaan.

Stap 2: Zoek de webpagina die u wilt screenshotten, en verplaats de cursor naar dat gebied. Snagit wordt nu geactiveerd, en u ziet drie gele pijltjes bewegen. De onderste pijl staat voor "Capture Vertical Scrolling Area," de rechter pijl voor "Capture Horizontal Scrolling Area," en de pijl rechtsonder staat voor "Capture Entire All Scrolling Area." Ik klikte op de "CaptureVertical Scrolling Area" optie.

Stap 3: Nu scrolt Snagit automatisch door de pagina en legt de delen buiten het scherm vast. Al snel verschijnt er een venster van het Snagit-editorpaneel met de zojuist gemaakte schermafbeelding. Zie je de beschikbare bewerkingsfuncties daar? Dat is waarom Snagit zich onderscheidt van de massa: je kunt zoveel wijzigingen aanbrengen als je wilt, met tonnen opties.

Voordelen:

  • Het kan zowel een scrollende webpagina als een venster vastleggen.
  • Krachtige beeldbewerkingsfuncties.
  • Zeer intuïtief en gemakkelijk te gebruiken.

Minpunten:

  • Het kost tijd om de app te downloaden en te installeren (~90MB groot).
  • Het is niet gratis, maar wordt geleverd met een proefperiode van 15 dagen.

6. Capto-app (alleen voor Mac)

Capto is een productiviteitsprogramma voor veel Mac-gebruikers, waaronder ikzelf. De kernwaarde van het programma is het opnemen van schermvideo's op je Mac, maar je kunt er ook schermafbeeldingen mee maken en deze opslaan in de bibliotheek. Vervolgens kun je ze gemakkelijk bewerken, organiseren en delen.

Opmerking: Net als Snagit is Capto niet freeware, maar het biedt wel een proefversie waarvan u gebruik kunt maken.

Zo maak je een volledige schermafdruk met Capto:

Stap 1: Open de app en klik boven in het menu op het "Web" icoon. Daar kunt u kiezen om de URL van een webpagina op verschillende manieren vast te leggen. Als u bijvoorbeeld al op de pagina bent, klikt u gewoon op "Snap Active Browser URL".

Stap 2: U kunt het screenshot ook bewerken, bv. een gebied markeren, een pijl of tekst toevoegen, enz. met de gereedschappen in het linkerpaneel.

Stap 3: Nu zal Capto de pagina-elementen uitpakken en een afbeelding opslaan in zijn bibliotheek. U kiest dan Bestand> Exporteren om het lokaal op te slaan.

Opmerking: als u ervoor kiest om Capto een webpagina uit de actieve browser te laten knippen, kan dit bij een langere webpagina enige tijd duren.

Andere methoden

Tijdens mijn onderzoek vond ik ook een paar andere werkmethoden. Ik wil ze hierboven niet noemen omdat ze niet zo goed zijn gezien de tijd en moeite die je moet investeren en de kwaliteit van de output. Toch werken ze wel, dus voel je vrij om er een paar te proberen.

7. Een schermopname op ware grootte maken in Chrome zonder browserextensie

Deze tip werd vriendelijk gedeeld door een van onze lezers, Hans Kuijpers.

  • Open DevTools in Chrome (OPTION + CMD + I)
  • Open het Command Menu (CMD + SHIFT + P) en typ "screenshot" in.
  • Selecteer een van de twee opties "Volledig schermbeeld vastleggen" of "Screenshot vastleggen".
  • Het vastgelegde beeld wordt gedownload naar uw computer.

8. Web-Capture.Net

U opent eerst de website, kopieert de URL van een webpagina die u wilt screenshotten en plakt deze hier (zie hieronder). U kunt ook kiezen welk bestandsformaat u wilt exporteren. Druk op "Enter" op uw toetsenbord om verder te gaan.

Wees geduldig. Het duurde ongeveer twee minuten voordat ik het bericht zag: "Uw link is verwerkt! U kunt het bestand of ZIP-archief downloaden." Nu kunt u het screenshot downloaden.

Voordelen:

  • Het werkt.
  • U hoeft geen software te installeren.

Minpunten:

  • Tonnen advertenties op zijn website.
  • Het screenshotting proces is traag.
  • Geen beeldbewerkingsfuncties.

9. Schermopname op volledige pagina (Chrome-extensie)

Net als Awesome Screenshot is Full Page Screen Capture een Chrome-plugin die ongelooflijk eenvoudig te gebruiken is. Installeer het gewoon (hier is de link naar de extensiepagina) in uw Chrome-browser, zoek de webpagina die u wilt vastleggen en druk op het extensiepictogram. Er wordt vrijwel onmiddellijk een schermafbeelding gemaakt. Ik vond het echter minder aantrekkelijk omdat het niet de beeldbewerkingsfuncties heeft die Awesome Screenshot wel heeft.Screenshot heeft.

10. Paparazzi (Alleen voor Mac)

Update: deze app is al geruime tijd niet meer bijgewerkt, er kunnen compatibiliteitsproblemen zijn met de nieuwste macOS. Ik raad hem dus niet meer aan.

Paparazzi! is een Mac-hulpprogramma, ontworpen en ontwikkeld door Nate Weaver, speciaal voor het maken van schermafbeeldingen van webpagina's. Het werkt heel intuïtief. Kopieer en plak de link naar de webpagina, bepaal de afbeeldingsgrootte of de vertragingstijd, en het programma zal het resultaat voor u terugsturen. Als dat gedaan is, klikt u op het download-pictogram in de rechterbenedenhoek om de schermafbeelding te exporteren.

De grootste zorg die ik heb is dat de app een paar jaar geleden voor het laatst is bijgewerkt, dus ik weet niet zeker of hij compatibel zal zijn met toekomstige macOS-versies.

Dit zijn de verschillende manieren om screenshots te maken voor een volledige of scrollende webpagina. Zoals ik al zei in de korte samenvatting, hebben verschillende methoden hun eigen voor- en nadelen, dus zorg ervoor dat je de methode kiest die het beste past bij je behoeften. Ik laat het aan jou over om te kiezen welke methode(n) je gebruikt.

Zoals altijd, als je vragen of suggesties hebt, laat dan gerust een reactie hieronder achter.

Ik ben Cathy Daniels, een expert in Adobe Illustrator. Ik gebruik de software sinds versie 2.0 en maak er sinds 2003 tutorials voor. Mijn blog is een van de meest populaire bestemmingen op internet voor mensen die Illustrator willen leren. Naast mijn werk als blogger ben ik ook auteur en grafisch vormgever.