10 måter å skjermdumpe hele nettsiden på Mac eller Windows

Hvis du leter etter hvordan du tar et fullstendig skjermbilde av nettsiden på Mac eller PC, er dette innlegget for deg. Jeg har prøvd en håndfull verktøy og teknikker som hevder å kunne skjermdumpe en hel nettside, men bare noen få fungerer fortsatt når dette skrives.

Du ønsker å få dette gjort raskt, så jeg skal vise deg hvordan du gjør det steg for steg. Jeg vil også påpeke fordeler og ulemper ved hver metode, ville bare spare tid på å finne ut hvilken metode som er best for deg.

Denne veiledningen er for de som ønsker å ta et helt skjermbilde av hele eller lange nettsiden – noe som betyr at det er deler som ikke er helt synlige på skjermen din.

Hvis du bare vil fange et statisk vindu eller en full skrivebordsskjerm, er denne veiledningen ikke for deg. Du kan bruke de innebygde verktøyene på datamaskinen eller telefonen for å få det gjort raskt: Skift + Kommando + 4 (macOS) eller Ctrl + PrtScn (Windows).

Sammendrag:

• Vil du ikke laste ned noen programvare eller utvidelse? Prøve Metode 1 or Metode 7.
• Hvis du bruker nettleseren Mozilla Firefox, prøv Metode 2.
• Hvis du vil ta skjermbildene i tillegg til å gjøre enkle redigeringer, prøv Metode 3, 5, 6.

Rask oppdatering: For Mac-brukere er det til og med mulig å ta et skjermbilde i full størrelse uten nettleserutvidelse.

1. Åpne DevTools i Chrome (kommando + alternativ + I)

2. Åpne kommandomenyen (kommando + skift + P) og skriv inn ‘skjermbilde’

3. Velg ett av de to alternativene ‘Ta opp skjermbilde i full størrelse’ av ‘Ta skjermbilde’.

4. Det fangede bildet vil bli lastet ned til datamaskinen din.

– Tips bidratt av vår leser, Hans Kuijpers.

1. Skriv ut og lagre en hel webside som PDF

Anta at du vil trekke ut, for eksempel, et resultatregnskap fra Yahoo Finance. Først åpner du siden i en nettleser. Her bruker jeg Chrome på min Mac som et eksempel.

Trinn 1: På Chrome-menyen, klikk Fil > Skriv ut.

Trinn 2: Klikk på ‘Lagre’-knappen for å eksportere siden til en PDF-fil.

Trinn 3: Hvis du vil bygge inn finansarket i et PowerPoint-prosjekt, må du kanskje konvertere PDF-en til et bilde i PNG- eller JPEG-format først, og deretter beskjære bildet bare for å inkludere datadelen.

Pros:

• Det går raskt.
• Du trenger ikke å laste ned tredjepartsprogramvare.
• Skjermbildekvaliteten er god.

Cons:

• Det kan være nødvendig med ekstra tid for å konvertere PDF-filen til et bilde.
• Det er vanskelig å tilpasse skjermbildene direkte.

2. Firefox-skjermbilder (for Firefox-brukere)

Firefox Screenshots er en ny funksjon utviklet av Mozilla-teamet for å hjelpe deg med å ta, laste ned, samle inn og dele skjermbilder. Du kan bruke denne funksjonen til å raskt lagre et skjermbilde av en hel nettside.

Trinn 1: Klikk på Sidehandlinger-menyen i adressefeltet.

Trinn 2: Velg alternativet ‘Lagre hele siden’.

Trinn 3: Nå kan du velge å laste ned bildet direkte til datamaskinens skrivebord.

Sidebeskrivelse: Jeg så at denne funksjonen fortsatt er i BETA, så det er ikke garantert at Firefox vil beholde den. Men da dette innlegget sist ble oppdatert, er denne funksjonen fortsatt tilgjengelig. Den mest populære nettleseren som Apple Safari eller Google Chrome tilbyr heller ikke denne funksjonen ennå.

3. Parallels Toolbox for Mac (Safari)

Hvis du vil ta et rullende skjermbilde på Mac, vil du elske denne funksjonen kalt «Skjermbildeside» i Paralleller verktøykasse som inkluderer en håndfull små verktøy.

Merk: Parallels Toolbox er ikke gratis, men den tilbyr en 7-dagers prøveversjon uten noen funksjonelle begrensninger.

Trinn 1: last ned Parallels Toolbox og installer appen på din Mac. Åpne den og finn Ta skjermbilder > Skjermbildeside.

Trinn 2: Klikk på Skjermbildeside og det vil ta deg til et annet vindu som ber om å legge til en utvidelse til Safari. Når du har aktivert det, vil du se dette ikonet vises i Safari-nettleseren din.

Trinn 3: Velg siden du vil ta et skjermbilde av og klikk på Parallels Screenshot-ikonet, det vil da automatisk rulle siden din og ta et skjermbilde og lagre som en PDF-fil på skrivebordet ditt.

Pros:

• Kvaliteten på utdata-PDF-filen er veldig god.
• Du trenger ikke å rulle manuelt da appen vil gjøre det for deg.
• I tillegg til å ta skjermbilder av en nettside, kan du også ta et område eller et vindu.

Cons:

• Det tar litt tid å installere appen.
• Det er ikke freeware, selv om det tilbys en 7-dagers prøveversjon uten begrensning.

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

Awesome Screenshot har en plugin som kan fange hele eller deler av en hvilken som helst nettside. Den lar deg også redigere skjermbildene: Du kan kommentere, legge til merknader, uskarpe sensitiv informasjon osv. Plugin-en er kompatibel med store nettlesere, inkludert Chrome, Firefox og Safari.

Her er lenkene for å legge til plugin:

• Chrome
• Firefox (Merk: siden Firefox-skjermbilder nå er tilgjengelig, anbefaler jeg ikke denne plugin-modulen lenger. Se metode 2 for mer.)
• Safari

Jeg har testet plugin-en på Chrome, Firefox og Safari, og de fungerer alle bra. For å gjøre ting enklere, bruker jeg Google Chrome som eksempel. Trinnene for å bruke Awesome Screenshot for Firefox og Safari er ganske like.

Trinn 1: Åpne Chrome-koblingen ovenfor og klikk ‘LEGG TIL I CHROME.’

Trinn 2: Trykk på «Legg til utvidelse».

Trinn 3: Når utvidelsesikonet vises på Chrome-linjen, klikker du på det og velger alternativet ‘Fang hele siden’.

Trinn 4: I løpet av noen få sekunder ruller den nettsiden ned automatisk. En ny side åpnes (se nedenfor), som viser deg skjermbildet med et redigeringspanel som lar deg beskjære, kommentere, legge til visuelle elementer osv. Klikk ‘Ferdig’ når du er ferdig.

Trinn 5: Trykk på ‘last ned’-ikonet for å lagre skjermbildet. Det er det!

Pros:

• Ekstremt enkel å bruke.
• Bilderedigeringsfunksjoner er flotte.
• Den er kompatibel med store nettlesere.

Cons:

• Utvidelsen kan støte på noen driftsproblemer, ifølge utvikleren. Jeg har ikke opplevd slike problemer ennå.

5. Ta et rullevindu eller en hel side med Snagit

jeg liker virkelig Snagit (anmeldelse). Det er en kraftig skjermfangst- og redigeringsapp som lar deg gjøre nesten alt relatert til skjermdumping. For å ta et fullstendig skjermbilde av en nettside, følg trinnene nedenfor (jeg bruker Snagit for Windows som eksempel):

Vennligst merk: Snagit er ikke freeware, men det har en 15-dagers gratis prøveversjon.

Trinn 1: Skaff deg Snagit og installer den på din PC eller Mac. Åpne hovedopptaksvinduet. Under Bilde > Utvalg, sørg for at du velger «Rullevindu». Trykk på den røde fangstknappen for å fortsette.

Trinn 2: Finn nettsiden du vil ta et skjermbilde av, og flytt deretter markøren til det området. Nå vil Snagit bli aktivert, og du vil se tre gule pilknapper bevege seg. Den nederste pilen representerer ‘Fang vertikalt rulleområde’, den høyre pilen representerer ‘Fang horisontalt rulleområde’, og pilen nederst til høyre representerer ‘Fang hele rulleområdet.’ Jeg klikket på alternativet ‘Fang vertikalt rulleområde’.

Trinn 3: Nå ruller Snagit siden automatisk og fanger opp delene utenfor skjermen. Snart dukker et Snagit Editor-panelvindu opp med skjermbildet det nettopp tok. Se de tilgjengelige redigeringsfunksjonene oppført der? Det er derfor Snagit skiller seg ut fra mengden: Du kan gjøre så mange endringer du vil, med tonnevis av alternativer.

Pros:

• Det er i stand til å fange en rullende nettside så vel som et vindu.
• Kraftige bilderedigeringsfunksjoner.
• Veldig intuitivt og enkelt å bruke.

Cons:

• Det tar tid å laste ned og installere appen (~90 MB i størrelse).
• Det er ikke gratis, men det kommer med en 15-dagers prøveversjon.

6. Capto-appen (kun for Mac)

Capto er en produktivitetsapp for mange Mac-brukere, inkludert meg selv. Kjerneverdien til appen er å ta opp skjermvideoer på Mac-en din, men den lar deg også ta skjermbilder og lagre bildene i biblioteket. Deretter kan du enkelt redigere, organisere og dele dem.

Merk: I likhet med Snagit er Capto heller ikke freeware, men det tilbyr en prøveversjon som du kan dra nytte av.

Slik tar du et helt skjermbilde med Capto:

Trinn 1: Åpne appen og klikk på ‘Web’-ikonet øverst i menyen. Der kan du velge å snappe URL-en til en nettside på forskjellige måter. Hvis du for eksempel allerede er på siden, klikker du ganske enkelt ‘Snap Active Browser URL’

Trinn 2: Du kan også redigere skjermbildet, f.eks. markere et område, legge til en pil eller tekst osv. ved å bruke verktøyene på venstre panel.

Trinn 3: Nå vil Capto trekke ut sideelementene og lagre et bilde i biblioteket. Du velger deretter Fil > Eksporter for å lagre den lokalt.

Merk: Hvis du velger å la Capto snappe en nettside fra den aktive nettleseren, kan dette ta litt tid i tilfelle en lengre nettside.

Andre metoder

Under min utforskning fant jeg også noen andre arbeidsmetoder. Jeg vil ikke vise dem ovenfor fordi de ikke er like gode med tanke på tiden og innsatsen du trenger å investere og kvaliteten på produksjonen. Likevel fungerer de, så prøv gjerne noen av dem.

7. Ta et skjermbilde i full størrelse på Chrome uten nettleserutvidelse

Dette tipset ble vennlig delt av en av våre lesere, Hans Kuijpers.

• Åpne DevTools i Chrome (OPTION + CMD + I)
• Åpne kommandomenyen (CMD + SHIFT + P) og skriv inn ‘skjermbilde’
• Velg ett av de to alternativene ‘Ta skjermbilde i full størrelse’ av ‘Ta skjermbilde’.
• Det fangede bildet vil bli lastet ned til datamaskinen din.

8. Web-Capture.Net

Det er en online skjermdumptjeneste for nettstedet i full lengde. Du først åpne nettsiden, kopier URL-en til en nettside du vil ta et skjermbilde av, og lim den inn her (se nedenfor). Du kan også velge hvilket filformat som skal eksporteres. Trykk ‘Enter’ på tastaturet for å fortsette.

Vær tålmodig. Det tok meg omtrent to minutter før jeg så meldingen «Linken din er behandlet! Du kan laste ned fil eller ZIP-arkiv.’ Nå kan du laste ned skjermbildet.

Pros:

• Det fungerer.
• Du trenger ikke å installere noen programvare.

Cons:

• Tonnevis av annonser på nettsiden deres.
• Skjermbildeprosessen er treg.
• Ingen bilderedigeringsfunksjoner.

9. Skjermbilde på full side (Chrome-utvidelse)

I likhet med Awesome Screenshot er Full Page Screen Capture en Chrome-plugin som er utrolig enkel å bruke. Bare installer det (her er lenken til utvidelsessiden) i Chrome-nettleseren din, finn nettsiden du vil fange og trykk på utvidelsesikonet. Et skjermbilde lages nesten umiddelbart. Imidlertid fant jeg det mindre tiltalende fordi det ikke har bilderedigeringsfunksjonene som Awesome Screenshot har.

10. Paparazzi (bare Mac)

Oppdatering: denne appen har ikke blitt oppdatert på ganske lenge, det kan være kompatibilitetsproblemer med den nyeste macOS. Jeg anbefaler det derfor ikke lenger.

Paparazzi! er et Mac-verktøy designet og utviklet av Nate Weaver spesielt for å lage skjermbilder av nettsider. Det er ganske intuitivt. Bare kopier og lim inn nettsidelinken, definer bildestørrelsen eller forsinkelsestiden, og appen vil returnere resultatet for deg. Når det er gjort, klikker du på nedlastingsikonet nederst til høyre for å eksportere skjermbildet.

Den største bekymringen jeg har er at appen sist ble oppdatert for ganske mange år siden, så jeg er ikke sikker på om den vil være kompatibel med fremtidige macOS-versjoner.

Dette er de forskjellige måtene å ta skjermbilder for en hel eller rullende nettside. Som jeg sa i den raske oppsummeringsdelen, har forskjellige metoder sine egne fordeler og ulemper, så pass på å velge den som best passer dine behov. Jeg overlater til deg å velge hvilken(e) du vil bruke.

Som alltid, hvis du har spørsmål eller forslag, legg gjerne igjen en kommentar nedenfor.