10 manieren om een ​​volledige webpagina te screenen op Mac of Windows

Als u op zoek bent naar hoe u een schermafbeelding van een volledige webpagina op Mac of pc kunt maken, is dit bericht voor u. Ik heb een handvol tools en technieken geprobeerd die beweren een hele webpagina te kunnen screenen, maar slechts een paar werken nog steeds op het moment van schrijven.

Je wilt dit snel gedaan hebben, dus ik laat je stap voor stap zien hoe je dit doet. Ik zal u ook wijzen op de voor- en nadelen van elke methode, ik wilde u alleen tijd besparen om uit te zoeken welke methode het beste voor u is.

Deze handleiding is bedoeld voor diegenen die een volledige schermafbeelding willen maken van de hele of lange webpagina – wat betekent dat er secties zijn die niet volledig zichtbaar zijn op uw scherm.

Als u gewoon een statisch venster of een volledig bureaubladscherm wilt vastleggen, is deze handleiding: geen voor jou. U kunt de ingebouwde hulpprogramma’s op uw computer of telefoon gebruiken om dat snel voor elkaar te krijgen: Shift + commando + 4 (macOS) of Ctrl + PrtScn (Ramen).

Overzicht:

• Wil je geen software of extensie downloaden? Proberen Methode 1 or Methode 7.
• Als u de Mozilla Firefox-browser gebruikt, probeer dan: Methode 2.
• Als je de schermafbeeldingen wilt maken en eenvoudige bewerkingen wilt uitvoeren, probeer dan Methode 3, 5, 6.

Snelle update: Voor Mac-gebruikers is het zelfs mogelijk om een ​​schermafbeelding op volledige grootte te maken zonder browserextensie.

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

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

3. Selecteer een van de twee opties ‘Screenshot op volledige grootte vastleggen’ van ‘Screenshot vastleggen’.

4. De vastgelegde afbeelding wordt naar uw computer gedownload.

– Tip bijgedragen door onze lezer, Hans Kuijpers.

1. Druk een hele webpagina af en sla deze op als PDF

Stel dat u bijvoorbeeld een inkomensverklaring wilt opvragen bij Yahoo Finance. 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 naar een PDF-bestand te exporteren.

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

Voors:

• Het is snel.
• U hoeft geen software van derden te downloaden.
• De schermkwaliteit is goed.

nadelen:

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

2. Firefox-screenshots (voor Firefox-gebruikers)

Firefox Screenshots is een nieuwe functie die is 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 het bureaublad van uw computer te downloaden.

Kanttekening: Ik zag dat deze functie nog in de bètaversie is, dus het is niet gegarandeerd dat Firefox deze zal behouden. Maar tegen de tijd dat dit bericht voor het laatst is bijgewerkt, is deze functie nog steeds toegankelijk. Ook de meest populaire webbrowser zoals Apple Safari of Google Chrome biedt deze functie nog niet.

3. Parallels Toolbox voor Mac (Safari)

Als u een scrollende schermafbeelding op Mac wilt maken, zult u dol zijn op deze functie genaamd ‘Screenshot Page’ in Parallels Toolbox die een handvol kleine hulpprogramma’s bevat.

Opmerking: Parallels Toolbox is geen freeware, maar biedt een proefperiode van 7 dagen zonder functionele beperkingen.

Stap 1: download Parallels Toolbox en installeer de app op je Mac. Open het en vind Screenshots maken > Screenshot-pagina.

Stap 2: klik op Screenshot-pagina en u gaat naar een ander venster waarin u wordt gevraagd een extensie aan Safari toe te voegen. Nadat u het hebt ingeschakeld, ziet u dit pictogram in uw Safari-browser.

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

Voors:

• De kwaliteit van het uitgevoerde PDF-bestand is erg goed.
• U hoeft niet handmatig te scrollen, de app doet dit voor u.
• Naast het maken van screenshots van een webpagina, kunt u ook een gebied of venster vastleggen.

nadelen:

• Het installeren van de app kost wat tijd.
• Het is geen freeware, hoewel er een proefperiode van 7 dagen zonder beperking wordt geboden.

4. Geweldige plug-in voor screenshot (voor Chrome, Firefox, Safari)

Awesome Screenshot heeft een plug-in die elke webpagina of een deel ervan kan vastleggen. U kunt ook de schermafbeeldingen bewerken: u kunt opmerkingen plaatsen, annotaties toevoegen, gevoelige informatie vervagen, enz. De plug-in is compatibel met de belangrijkste webbrowsers, waaronder Chrome, Firefox en Safari.

Hier zijn de links om de plug-in toe te voegen:

• Chrome
• Firefox (Opmerking: aangezien Firefox Screenshots nu beschikbaar is, raad ik deze plug-in niet langer aan. Zie methode 2 voor meer informatie.)
• safari

Ik heb de plug-in getest in Chrome, Firefox en Safari, en ze werken allemaal goed. Om het u gemakkelijker te maken, gebruik ik Google Chrome als voorbeeld. De stappen voor het gebruik van Awesome Screenshot voor Firefox en Safari lijken veel op elkaar.

Stap 1: Open de bovenstaande Chrome-link en klik op ‘TOEVOEGEN AAN 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 ‘Volledige pagina vastleggen’.

Stap 4: Binnen een paar seconden scrolt die webpagina automatisch naar beneden. Er wordt een nieuwe pagina geopend (zie hieronder), die u de schermafbeelding toont met een bewerkingspaneel waarmee u kunt bijsnijden, annoteren, afbeeldingen toevoegen, enz. Klik op ‘Gereed’ als u klaar bent.

Stap 5: Druk op het pictogram ‘downloaden’ om de schermafbeelding op te slaan. Dat is het!

Voors:

• Zeer eenvoudig in gebruik.
• Functies voor het bewerken van afbeeldingen zijn geweldig.
• Het is compatibel met de belangrijkste webbrowsers.

nadelen:

• Volgens de ontwikkelaar kan de extensie enkele operationele problemen ondervinden. Ik heb nog geen dergelijke problemen ervaren.

5. Leg een scrollend venster of een hele pagina vast met Snagit

ik hou echt van Snagit (beoordelen). Het is een krachtige app voor het vastleggen en bewerken van schermen waarmee je bijna alles kunt doen wat te maken heeft met het maken van screenshots. Volg de onderstaande stappen om een ​​volledige schermafbeelding van een webpagina te maken (ik gebruik Snagit voor Windows als voorbeeld):

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

Stap 1: Koop Snagit en installeer het op uw pc of Mac. Open het hoofdopnamevenster. Onder Afbeelding > Selectie, zorg ervoor dat u ‘Scrolling Window’ kiest. Druk op de rode Capture-knop om door te gaan.

Stap 2: Zoek de webpagina waarvan u een screenshot wilt maken en verplaats de cursor naar dat gebied. Nu wordt Snagit geactiveerd en zie je drie gele pijlknoppen bewegen. De onderste pijl staat voor ‘Capture Vertical Scrolling Area’, de rechterpijl staat voor ‘Capture Horizontal Scrolling Area’ en de pijl in de rechterbenedenhoek staat voor ‘Capture Hele Scrolling Area’. Ik klikte op de optie ‘Verticaal scrollend gebied vastleggen’.

Stap 3: Nu scrolt Snagit automatisch door de pagina en legt het de delen buiten het scherm vast. Binnenkort verschijnt er een Snagit Editor-paneelvenster met de zojuist gemaakte schermafbeelding. Zie je de beschikbare bewerkingsfuncties die daar worden vermeld? Dat is waarom Snagit zich onderscheidt van de rest: je kunt zoveel wijzigingen aanbrengen als je wilt, met talloze opties.

Voors:

• Het kan zowel een scrollende webpagina als een venster vastleggen.
• Krachtige functies voor beeldbewerking.
• Zeer intuïtief en makkelijk te gebruiken.

nadelen:

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

6. Capto-app (alleen voor Mac)

grijpen is een productiviteitsapp voor veel Mac-gebruikers, waaronder ikzelf. De kernwaarde van de app is om schermvideo’s op je Mac op te nemen, maar je kunt er ook screenshots van maken en de afbeeldingen opslaan in de bibliotheek. U kunt ze vervolgens eenvoudig bewerken, ordenen en delen.

Opmerking: net als bij Snagit is Capto ook geen freeware, maar het biedt wel een proefversie waarvan u kunt profiteren.

U kunt als volgt een volledige schermafbeelding maken met Capto:

Stap 1: Open de app en klik bovenaan het menu op het pictogram ‘Web’. Daar kunt u ervoor kiezen om de URL van een webpagina op verschillende manieren vast te leggen. Als u bijvoorbeeld al op de pagina bent, klikt u eenvoudig op ‘Snap Active Browser URL’

Stap 2: U kunt de schermafbeelding ook bewerken, bijvoorbeeld een gebied markeren, een pijl of tekst toevoegen, enz. met behulp van de hulpmiddelen in het linkerdeelvenster.

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

Opmerking: als u ervoor kiest om Capto een webpagina van de actieve browser te laten snappen, kan dit enige tijd duren in het geval van een langere webpagina.

Andere methoden

Tijdens mijn verkenning kwam ik ook nog een aantal andere werkwijzen tegen. Ik wil ze hierboven niet vermelden omdat ze niet zo goed zijn gezien de tijd en moeite die je moet investeren en de kwaliteit van de output. Desalniettemin werken ze, dus voel je vrij om er een paar uit te proberen.

7. Leg een schermafbeelding op volledige grootte vast in Chrome zonder een browserextensie

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

• Open DevTools in Chrome (OPTIE + CMD + I)
• Open het Command Menu (CMD + SHIFT + P) en typ ‘screenshot’
• Selecteer een van de twee opties ‘Capture full size screenshot’ van ‘Capture screenshot’.
• De vastgelegde afbeelding wordt naar uw computer gedownload.

8. Web-Capture.Net

Het is een online full-length screenshotservice voor websites. Jij eerst open de website, kopieer de URL van een webpagina waarvan u een screenshot wilt maken en plak deze hier (zie hieronder). U kunt ook kiezen welk bestandsformaat u wilt exporteren. Druk op ‘Enter’ op uw toetsenbord om door te gaan.

Wees geduldig. Het duurde ongeveer twee minuten voordat ik het bericht zag: “Je link is verwerkt! U kunt een bestand of ZIP-archief downloaden.” Nu kunt u de schermafbeelding downloaden.

Voors:

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

nadelen:

• Tal van advertenties op haar website.
• Het screenshotproces is traag.
• Geen functies voor beeldbewerking.

9. Schermopname op volledige pagina (Chrome-extensie)

Net als Awesome Screenshot, is Full Page Screen Capture een Chrome-plug-in die ongelooflijk eenvoudig te gebruiken is. Installeer het gewoon (hier is de link naar de extensiepagina) in uw Chrome-browser, zoekt u de webpagina die u wilt vastleggen en klikt u op het extensiepictogram. Er wordt vrijwel direct een screenshot gemaakt. Ik vond het echter minder aantrekkelijk omdat het niet de functies voor beeldbewerking heeft die Awesome Screenshot heeft.

10. Paparazzi (alleen Mac)

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

Paparazzi! is een Mac-hulpprogramma ontworpen en ontwikkeld door Nate Weaver speciaal voor het maken van schermafbeeldingen van webpagina’s. Het is vrij intuïtief. Kopieer en plak de webpagina-link, definieer de afbeeldingsgrootte of vertragingstijd, en de app zal het resultaat voor u retourneren. Zodra dat is gebeurd, klikt u op het downloadpictogram in de rechterbenedenhoek om de schermafbeelding te exporteren.

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

Dit zijn de verschillende manieren om schermafbeeldingen te maken voor een volledige of scrollende webpagina. Zoals ik al zei in het gedeelte met een korte samenvatting, hebben verschillende methoden hun eigen voor- en nadelen, dus zorg ervoor dat u degene kiest die het beste bij uw behoeften past. Ik laat het aan jou over om te kiezen welke je wilt gebruiken.

Zoals altijd, als je vragen of suggesties hebt, kun je hieronder een reactie achterlaten.