10 måder at skærmbillede af hele websiden på Mac eller Windows

Hvis du leder efter, hvordan du tager et komplet skærmbillede af en webside på Mac eller pc, er dette indlæg til dig. Jeg har prøvet en håndfuld værktøjer og teknikker, der hævder at være i stand til at tage et screenshot af en hel webside, men kun få fungerer stadig, når dette skrives.

Du ønsker at få dette gjort hurtigt, så jeg viser dig, hvordan du gør det trin for trin. Jeg vil også påpege fordele og ulemper ved hver metode, ville bare spare din tid på at finde ud af, hvilken metode der er den bedste for dig.

Denne vejledning er for dem, der ønsker at tage et helt skærmbillede af hele eller lange websider – hvilket betyder, at der er sektioner, der ikke er helt synlige på din skærm.

Hvis du blot ønsker at fange et statisk vindue eller en fuld skrivebordsskærm, er denne vejledning ikke for dig. Du kan bruge de indbyggede værktøjer på din computer eller telefon til at få det gjort hurtigt: Flytte + Kommando + 4 (macOS) eller Ctrl + PrtScn (Windows).

Sammendrag:

• Vil du ikke downloade software eller udvidelser? Prøve Metode 1 or Metode 7.
• Hvis du bruger Mozilla Firefox-browseren, så prøv Metode 2.
• Hvis du vil tage skærmbillederne og lave enkle redigeringer, så prøv Metode 3, 5, 6.

Hurtig opdatering: For Mac-brugere er det endda muligt at tage et skærmbillede i fuld størrelse uden en browserudvidelse.

1. Åbn DevTools i Chrome (kommando + option + I)

2. Åbn kommandomenuen (kommando + skift + P), og skriv ‘skærmbillede’

3. Vælg en af ​​de to muligheder ‘Capture full size screenshot’ for ‘Capture screenshot’.

4. Det optagne billede vil blive downloadet til din computer.

— Tip bidraget af vores læser, Hans Kuijpers.

1. Udskriv og gem en hel webside som PDF

Antag, at du vil udtrække f.eks. et resultatopgørelsesark fra Yahoo Finance. Åbn først siden i en webbrowser. Her bruger jeg Chrome på min Mac som eksempel.

Trin 1: I Chrome-menuen, klik på Filer > Udskriv.

Trin 2: Klik på knappen ‘Gem’ for at eksportere siden til en PDF-fil.

Trin 3: Hvis du vil integrere finansarket i et PowerPoint-projekt, skal du muligvis konvertere PDF’en til et billede i PNG- eller JPEG-format først, og derefter beskære billedet kun for at inkludere datadelen.

Fordele:

• Det er hurtigt.
• Det er ikke nødvendigt at downloade tredjepartssoftware.
• Skærmbilledets kvalitet er god.

Ulemper:

• Det kan være nødvendigt med ekstra tid til at konvertere PDF-filen til et billede.
• Det er svært at tilpasse skærmbillederne direkte.

2. Firefox-skærmbilleder (for Firefox-brugere)

Firefox Screenshots er en ny funktion udviklet af Mozilla-teamet for at hjælpe dig med at tage, downloade, indsamle og dele screenshots. Du kan bruge denne funktion til hurtigt at gemme et skærmbillede af en hel webside.

Trin 1: Klik på menuen Sidehandlinger i adresselinjen.

Trin 2: Vælg indstillingen ‘Gem hele siden’.

Trin 3: Nu kan du vælge at downloade billedet direkte til din computers skrivebord.

Sidebemærkning: Jeg så, at denne funktion stadig er i BETA, så det er ikke garanteret, at Firefox vil beholde den. Men da dette indlæg sidst blev opdateret, er denne funktion stadig tilgængelig. Den mest populære webbrowser som Apple Safari eller Google Chrome tilbyder heller ikke denne funktion endnu.

3. Parallels Toolbox til Mac (Safari)

Hvis du vil tage et rullende skærmbillede på Mac, vil du elske denne funktion kaldet ‘Skærmbilledeside’ i Parallels Værktøjskasse som omfatter en håndfuld små forsyningsselskaber.

Bemærk: Parallels Toolbox er ikke freeware, men det tilbyder en 7-dages prøveversion uden nogen funktionelle begrænsninger.

Trin 1: download Parallels Toolbox og installer appen på din Mac. Åbn den og find Tag skærmbilleder > skærmbilledeside.

Trin 2: Klik på Skærmbillede side og det vil tage dig til et andet vindue, hvor du bliver bedt om at tilføje en udvidelse til Safari. Når du har aktiveret det, vil du se dette ikon vises i din Safari-browser.

Trin 3: Vælg den side, du vil tage et screenshot, og klik på Parallels Screenshot-ikonet, det vil derefter automatisk rulle din side og tage et screenshot og gemme som en PDF-fil på dit skrivebord.

Fordele:

• Kvaliteten af ​​output-PDF-filen er meget god.
• Du behøver ikke at scrolle manuelt, da appen vil gøre det for dig.
• Udover at tage et skærmbillede af en webside, kan du også fange et område eller et vindue.

Ulemper:

• Det tager lidt tid at installere appen.
• Det er ikke freeware, selvom der er en 7-dages prøveversion uden begrænsning.

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

Awesome Screenshot har et plugin, der kan fange hele eller dele af enhver webside. Det giver dig også mulighed for at redigere skærmbillederne: Du kan kommentere, tilføje anmærkninger, sløre følsomme oplysninger osv. Pluginnet er kompatibelt med store webbrowsere, herunder Chrome, Firefox og Safari.

Her er links til at tilføje plugin:

• Chrome
• Firefox (Bemærk: da Firefox-skærmbillederne nu er tilgængelige, anbefaler jeg ikke længere dette plugin. Se metode 2 for mere.)
• Safari

Jeg har testet pluginnet på Chrome, Firefox og Safari, og de fungerer alle godt. For at gøre tingene nemmere vil jeg bruge Google Chrome som eksempel. Trinnene til at bruge Awesome Screenshot til Firefox og Safari er ret ens.

Trin 1: Åbn ovenstående Chrome-link, og klik på ‘TILFØJ TIL CHROME.’

Trin 2: Tryk på ‘Tilføj udvidelse’.

Trin 3: Når udvidelsesikonet dukker op på Chrome-bjælken, skal du klikke på det og vælge ‘Fang hele siden’.

Trin 4: Inden for et par sekunder ruller den webside automatisk ned. En ny side vil åbne op (se nedenfor), der viser dig skærmbilledet med et redigeringspanel, der giver dig mulighed for at beskære, kommentere, tilføje billeder osv. Klik på ‘Udført’, når du er færdig.

Trin 5: Tryk på ‘download’-ikonet for at gemme skærmbilledet. Det er det!

Fordele:

• Ekstremt let at bruge.
• Billedredigeringsfunktioner er fantastiske.
• Den er kompatibel med større webbrowsere.

Ulemper:

• Udvidelsen kan støde på nogle driftsproblemer, ifølge dens udvikler. Jeg har endnu ikke oplevet sådanne problemer.

5. Optag et rullevindue eller en hel side med Snagit

jeg kan virkelig godt lide Snagit (gennemgå). Det er en kraftfuld skærmoptagelses- og redigeringsapp, der giver dig mulighed for at lave næsten alt relateret til skærmbilleder. For at tage et fuldt skærmbillede af en webside, følg nedenstående trin (jeg bruger Snagit til Windows som eksempel):

Bemærk venligst: Snagit er ikke freeware, men det har en 15-dages gratis prøveperiode.

Trin 1: Få Snagit og installer det på din pc eller Mac. Åbn hovedoptagelsesvinduet. Under Billede > Udvalg, skal du sørge for at vælge ‘Rulningsvindue.’ Tryk på den røde Capture-knap for at fortsætte.

Trin 2: Find den webside, du vil tage et skærmbillede af, og flyt derefter markøren til det område. Nu vil Snagit blive aktiveret, og du vil se tre gule pileknapper bevæge sig. Den nederste pil repræsenterer ‘Capture Vertical Scrolling Area’, den højre pil repræsenterer ‘Capture Horizontal Scrolling Area’, og den nederste højre hjørnepil repræsenterer ‘Capture Entire Scrolling Area.’ Jeg klikkede på muligheden ‘Fang vertikalt rulleområde’.

Trin 3: Nu ruller Snagit siden automatisk og fanger delene uden for skærmen. Snart dukker et Snagit Editor-panelvindue op med det skærmbillede, det lige tog. Se de tilgængelige redigeringsfunktioner, der er angivet der? Det er derfor, Snagit skiller sig ud fra mængden: Du kan foretage så mange ændringer, som du vil, med tonsvis af muligheder.

Fordele:

• Det er i stand til at fange en rullende webside såvel som et vindue.
• Kraftige billedredigeringsfunktioner.
• Meget intuitiv og let at bruge.

Ulemper:

• Det tager tid at downloade og installere appen (~90 MB i størrelse).
• Det er ikke gratis, selvom det kommer med en 15-dages prøveperiode.

6. Capto-app (kun til Mac)

Capto er en produktivitetsapp til mange Mac-brugere, inklusive mig selv. Appens kerneværdi er at optage skærmvideoer på din Mac, men den giver dig også mulighed for at tage skærmbilleder og gemme billederne i dens bibliotek. Du kan derefter nemt redigere, organisere og dele dem.

Bemærk: I lighed med Snagit er Capto heller ikke freeware, men det tilbyder en prøveversion, som du kan drage fordel af.

Sådan tager du et helt skærmbillede ved hjælp af Capto:

Trin 1: Åbn appen, og klik på ‘Web’-ikonet øverst i menuen. Der kan du vælge at snappe URL’en på en webside på forskellige måder. For eksempel, hvis du allerede er på siden, skal du blot klikke på ‘Snap Active Browser URL’

Trin 2: Du kan også redigere skærmbilledet, f.eks. fremhæve et område, tilføje en pil eller tekst osv. ved hjælp af værktøjerne i venstre panel.

Trin 3: Nu vil Capto udtrække sideelementerne og gemme et billede i dets bibliotek. Du vælger derefter Filer > Eksporter for at gemme den lokalt.

Bemærk: Hvis du vælger at lade Capto snappe en webside fra den aktive browser, kan dette tage noget tid i tilfælde af en længere webside.

Andre metoder

Under min udforskning fandt jeg også et par andre arbejdsmetoder. Jeg ønsker ikke at fremhæve dem ovenfor, fordi de ikke er så gode i betragtning af den tid og indsats, du skal investere, og kvaliteten af ​​output. Ikke desto mindre virker de, så prøv gerne nogle af dem.

7. Tag et skærmbillede i fuld størrelse på Chrome uden en browserudvidelse

Dette tip blev venligt delt af en af ​​vores læsere, Hans Kuijpers.

• Åbn DevTools i Chrome (OPTION + CMD + I)
• Åbn kommandomenuen (CMD + SHIFT + P) og skriv ‘skærmbillede’
• Vælg en af ​​de to muligheder ‘Capture full size screenshot’ af ‘Capture screenshot’.
• Det optagne billede vil blive downloadet til din computer.

8. Web-Capture.Net

Det er en online-skærmbillede-tjeneste i fuld længde. Dig først Åbn hjemmesiden, kopier URL’en på en webside, du vil tage et skærmbillede af, og indsæt den her (se nedenfor). Du kan også vælge hvilket filformat der skal eksporteres. Tryk på ‘Enter’ på dit tastatur for at fortsætte.

Vær tålmodig. Det tog mig omkring to minutter, før jeg så beskeden: ‘Dit link er blevet behandlet! Du kan downloade fil eller ZIP-arkiv.’ Nu kan du downloade skærmbilledet.

Fordele:

• Det virker.
• Ingen grund til at installere software.

Ulemper:

• Tonsvis af annoncer på sin hjemmeside.
• Screenshot-processen er langsom.
• Ingen billedredigeringsfunktioner.

9. Fuld sideskærmbillede (Chrome-udvidelse)

I lighed med Awesome Screenshot er Full Page Screen Capture et Chrome-plugin, der er utroligt nemt at bruge. Bare installer det (her er linket til dens udvidelsesside) i din Chrome-browser, skal du finde den webside, du vil fange, og trykke på udvidelsesikonet. Et skærmbillede laves næsten øjeblikkeligt. Jeg fandt det dog mindre tiltalende, fordi det ikke har de billedredigeringsfunktioner, som Awesome Screenshot har.

10. Paparazzi (kun Mac)

Opdatering: denne app er ikke blevet opdateret i ret lang tid, der kan være kompatibilitetsproblemer med den nyeste macOS. Jeg anbefaler det derfor ikke længere.

Paparazzi! er et Mac-værktøj designet og udviklet af Nate Weaver specifikt til at lave skærmbilleder af websider. Det er ret intuitivt. Bare kopier og indsæt websidelinket, definer billedstørrelsen eller forsinkelsestiden, og appen vil returnere resultatet for dig. Når det er gjort, skal du klikke på download-ikonet i nederste højre hjørne for at eksportere skærmbilledet.

Den største bekymring, jeg har, er, at appen sidst blev opdateret for et par år siden, så jeg er ikke sikker på, om den vil være kompatibel med fremtidige macOS-versioner.

Dette er de forskellige måder at tage skærmbilleder for en hel eller rullende webside. Som jeg sagde i den hurtige oversigt, har forskellige metoder deres egne fordele og ulemper, så sørg for at vælge den, der passer bedst til dine behov. Jeg overlader det til dig at vælge, hvilken/hvilke du vil bruge.

Som altid, hvis du har spørgsmål eller forslag, er du velkommen til at efterlade en kommentar nedenfor.