10 Möglichkeiten zum Screenshot der gesamten Webseite auf Mac oder Windows

Wenn Sie suchen, wie Sie einen Screenshot einer vollständigen Webseite auf einem Mac oder PC aufnehmen können, ist dieser Beitrag für Sie. Ich habe eine Handvoll Tools und Techniken ausprobiert, die behaupten, Screenshots einer ganzen Webseite erstellen zu können, aber zum Zeitpunkt dieses Schreibens funktionieren nur noch wenige.

Sie möchten dies schnell erledigen, also zeige ich Ihnen Schritt für Schritt, wie es geht. Ich werde auch die Vor- und Nachteile jeder Methode aufzeigen, wollte nur Ihre Zeit sparen, um herauszufinden, welche Methode die beste für Sie ist.

Diese Anleitung ist für diejenigen gedacht, die einen vollständigen Screenshot der gesamten oder langen Webseite machen möchten – was bedeutet, dass es Abschnitte gibt, die auf Ihrem Bildschirm nicht vollständig sichtbar sind.

Wenn Sie einfach nur ein statisches Fenster oder einen vollständigen Desktop-Bildschirm aufnehmen möchten, ist diese Anleitung genau das Richtige für Sie nicht für dich. Sie können die integrierten Tools auf Ihrem Computer oder Telefon verwenden, um dies schnell zu erledigen: Verschiebung + Befehl + 4 (macOS) oder Ctrl + PrtScn (Windows).

Zusammenfassung:

  • Sie möchten keine Software oder Erweiterung herunterladen? Versuchen Methode 1 or Methode 7.
  • Wenn Sie den Mozilla Firefox-Browser verwenden, versuchen Sie es Methode 2.
  • Wenn Sie sowohl Screenshots aufnehmen als auch einfache Änderungen vornehmen möchten, versuchen Sie es Methode 3, 5, 6.

Schnelles Update: Für Mac-Benutzer ist es sogar möglich, ohne Browsererweiterung einen Screenshot in voller Größe aufzunehmen.

1. DevTools in Chrome öffnen (Befehl + Option + I)

2. Öffnen Sie das Befehlsmenü (Befehl + Umschalt + P) und geben Sie „Screenshot“ ein.

3. Wählen Sie eine der beiden Optionen „Screenshot in voller Größe aufnehmen“ oder „Screenshot aufnehmen“.

4. Das aufgenommene Bild wird auf Ihren Computer heruntergeladen.

Tipp von unserem Leser Hans Kuijpers.

1. Drucken und speichern Sie eine gesamte Webseite als PDF

Angenommen, Sie möchten beispielsweise eine Einkommensaufstellung aus Yahoo Finanzen extrahieren. Öffnen Sie zunächst die Seite in einem Webbrowser. Hier verwende ich Chrome auf meinem Mac als Beispiel.

Schritt 1: Im Chrome-Menü Klicken Sie auf Datei > Drucken.

Schritt 2: Klicken Sie auf die Schaltfläche „Speichern“, um die Seite in eine PDF-Datei zu exportieren.

Schritt 3: Wenn Sie das Finanzblatt in ein PowerPoint-Projekt einbetten möchten, müssen Sie möglicherweise zuerst das PDF in ein Bild im PNG- oder JPEG-Format konvertieren und dann das Bild nur so zuschneiden, dass es den Datenteil enthält.

Vorteile:

  • Es ist schnell.
  • Sie müssen keine Software von Drittanbietern herunterladen.
  • Die Screenshot-Qualität ist gut.

Nachteile:

  • Es kann zusätzliche Zeit erforderlich sein, um die PDF-Datei in ein Bild zu konvertieren.
  • Es ist schwierig, die Screenshots direkt anzupassen.

2. Firefox-Screenshots (für Firefox-Benutzer)

Firefox Screenshots ist eine neue Funktion, die vom Mozilla-Team entwickelt wurde, um Ihnen beim Aufnehmen, Herunterladen, Sammeln und Teilen von Screenshots zu helfen. Sie können diese Funktion verwenden, um schnell einen Screenshot einer ganzen Webseite zu speichern.

Schritt 1: Klicken Sie in der Adressleiste auf das Menü Seitenaktionen.

Schritt 2: Wählen Sie die Option „Ganze Seite speichern“.

Schritt 3: Jetzt können Sie das Bild direkt auf Ihren Computer-Desktop herunterladen.

Beispiel: ein langer Artikel, den ich kürzlich veröffentlicht habe:  Bester Mac-Reiniger inklusive kostenloser App.

Randnotiz: Ich habe gesehen, dass diese Funktion noch in der BETA-Phase ist, also ist es nicht garantiert, dass Firefox sie behält. Aber zum Zeitpunkt der letzten Aktualisierung dieses Beitrags war diese Funktion noch verfügbar. Auch die gängigsten Webbrowser wie Apple Safari oder Google Chrome bieten diese Funktion noch nicht an.

3. Parallels Toolbox für Mac (Safari)

Wenn Sie auf dem Mac einen scrollenden Screenshot machen möchten, werden Sie diese Funktion namens „Screenshot-Seite“ lieben Parallele Toolbox Dazu gehören eine Handvoll kleiner Dienstprogramme.

Hinweis: Parallels Toolbox ist keine Freeware, bietet aber eine 7-tägige Testversion ohne Funktionseinschränkungen.

Schritt 1: Laden Sie die Parallels-Toolbox herunter und installieren Sie die App auf Ihrem Mac. Öffne es und finde Screenshots erstellen > Screenshot-Seite.

Schritt 2: Klicken Sie auf Screenshot-Seite und Sie gelangen zu einem weiteren Fenster, in dem Sie aufgefordert werden, eine Erweiterung zu Safari hinzuzufügen. Sobald Sie es aktivieren, wird dieses Symbol in Ihrem Safari-Browser angezeigt.

Schritt 3: Wählen Sie die Seite aus, die Sie scannen möchten, und klicken Sie auf das Parallels-Screenshot-Symbol. Daraufhin wird automatisch durch Ihre Seite gescrollt, ein Screenshot erstellt und als PDF-Datei auf Ihrem Desktop gespeichert.

ich benutzte diese Seite über Software als Beispiel und es hat sehr gut funktioniert.

Vorteile:

  • Die Qualität der ausgegebenen PDF-Datei ist sehr gut.
  • Sie müssen nicht manuell scrollen, da die App dies für Sie erledigt.
  • Neben dem Screenshot einer Webseite können Sie auch einen Bereich oder ein Fenster erfassen.

Nachteile:

  • Die Installation der App dauert etwas.
  • Es ist keine Freeware, obwohl eine 7-tägige Testversion ohne Einschränkung bereitgestellt wird.

4. Fantastisches Screenshot-Plugin (für Chrome, Firefox, Safari)

Awesome Screenshot hat ein Plugin, das jede Webseite ganz oder teilweise erfassen kann. Außerdem können Sie die Screenshots bearbeiten: Sie können Kommentare hinzufügen, Anmerkungen hinzufügen, vertrauliche Informationen unkenntlich machen usw. Das Plugin ist mit den wichtigsten Webbrowsern wie Chrome, Firefox und Safari kompatibel.

Hier sind die Links zum Hinzufügen des Plugins:

  • Chrom
  • Firefox (Hinweis: Da die Firefox-Screenshots jetzt verfügbar sind, empfehle ich dieses Plugin nicht mehr. Weitere Informationen finden Sie unter Methode 2.)
  • Safari

Ich habe das Plugin auf Chrome, Firefox und Safari getestet und sie funktionieren alle gut. Der Einfachheit halber verwende ich Google Chrome als Beispiel. Die Schritte zur Verwendung von Awesome Screenshot für Firefox und Safari sind ziemlich ähnlich.

Schritt 1: Öffnen Sie den obigen Chrome-Link und klicken Sie auf „ZUM CHROM HINZUFÜGEN“.

Schritt 2: Klicken Sie auf „Erweiterung hinzufügen“.

Schritt 3: Sobald das Erweiterungssymbol in der Chrome-Leiste angezeigt wird, klicken Sie darauf und wählen Sie die Option „Gesamte Seite erfassen“.

Schritt 4: Innerhalb weniger Sekunden scrollt diese Webseite automatisch nach unten. Es öffnet sich eine neue Seite (siehe unten), die Ihnen den Screenshot mit einem Bearbeitungsfeld zeigt, mit dem Sie zuschneiden, kommentieren, visuelle Elemente hinzufügen usw. Klicken Sie auf „Fertig“, wenn Sie fertig sind.

Schritt 5: Klicken Sie auf das „Download“-Symbol, um das Screenshot-Bild zu speichern. Das ist es!

Vorteile:

  • Sehr einfach zu bedienen.
  • Die Bildbearbeitungsfunktionen sind großartig.
  • Es ist mit den wichtigsten Webbrowsern kompatibel.

Nachteile:

  • Die Erweiterung kann laut Entwickler auf einige Betriebsprobleme stoßen. Ich habe solche Probleme noch nicht erlebt.

5. Erfassen Sie ein scrollendes Fenster oder eine ganze Seite mit Snagit

ich mag wirklich Snagit (Überprüfen). Es ist eine leistungsstarke App zur Bildschirmaufnahme und -bearbeitung, mit der Sie fast alles tun können, was mit Screenshots zu tun hat. Führen Sie die folgenden Schritte aus, um einen vollständigen Screenshot einer Webseite zu erstellen (ich verwende Snagit für Windows als Beispiel):

Bitte beachten Sie: Snagit ist keine Freeware, aber es gibt eine 15-tägige kostenlose Testversion.

Schritt 1: Holen Sie sich Snagit und installieren Sie es auf Ihrem PC oder Mac. Öffnen Sie das Hauptaufnahmefenster. Unter Bild > Auswahl, vergewissern Sie sich, dass Sie „Scrolling Window“ ausgewählt haben. Drücken Sie die rote Capture-Taste, um fortzufahren.

Schritt 2: Suchen Sie die Webseite, die Sie scannen möchten, und bewegen Sie dann den Cursor in diesen Bereich. Jetzt wird Snagit aktiviert und Sie sehen, wie sich drei gelbe Pfeilschaltflächen bewegen. Der untere Pfeil steht für „Erfassen des vertikalen Bildlaufbereichs“, der rechte Pfeil für „Erfassen des horizontalen Bildlaufbereichs“ und der Pfeil in der unteren rechten Ecke für „Erfassen des gesamten Bildlaufbereichs“. Ich klickte auf die Option „Erfassen des vertikalen Bildlaufbereichs“.

Schritt 3: Jetzt scrollt Snagit automatisch durch die Seite und erfasst die Teile außerhalb des Bildschirms. Bald erscheint ein Fenster des Snagit Editor-Bedienfelds mit dem gerade aufgenommenen Screenshot. Sehen Sie die dort aufgeführten verfügbaren Bearbeitungsfunktionen? Deshalb hebt sich Snagit von der Masse ab: Sie können mit unzähligen Optionen so viele Änderungen vornehmen, wie Sie möchten.

Vorteile:

  • Es ist in der Lage, eine scrollende Webseite sowie ein Fenster zu erfassen.
  • Leistungsstarke Bildbearbeitungsfunktionen.
  • Sehr intuitiv und einfach zu bedienen.

Nachteile:

  • Es dauert einige Zeit, die App herunterzuladen und zu installieren (ca. 90 MB groß).
  • Es ist nicht kostenlos, obwohl es mit einer 15-tägigen Testversion geliefert wird.

6. Capto-App (nur für Mac)

Capto ist eine Produktivitäts-App für viele Mac-Benutzer, mich eingeschlossen. Der Kernwert der App besteht darin, Bildschirmvideos auf Ihrem Mac aufzunehmen, aber Sie können auch Screenshots aufnehmen und die Bilder in ihrer Bibliothek speichern. Sie können sie dann einfach bearbeiten, organisieren und teilen.

Hinweis: Ähnlich wie Snagit ist auch Capto keine Freeware, bietet aber eine Testversion, die Sie nutzen können.

So erstellen Sie mit Capto einen vollständigen Screenshot:

Schritt 1: Öffnen Sie die App und klicken Sie oben im Menü auf das Symbol „Web“. Dort können Sie die URL einer Webseite auf verschiedene Arten schnappen. Wenn Sie sich beispielsweise bereits auf der Seite befinden, klicken Sie einfach auf „Snap Active Browser URL“.

Schritt 2: Sie können den Screenshot auch bearbeiten, z. B. einen Bereich hervorheben, einen Pfeil oder Text hinzufügen usw., indem Sie die Werkzeuge auf der linken Seite verwenden.

Schritt 3: Jetzt extrahiert Capto die Seitenelemente und speichert ein Bild in seiner Bibliothek. Wählen Sie dann Datei > Exportieren, um es lokal zu speichern.

Hinweis: Wenn Sie sich dafür entscheiden, Capto eine Webseite vom aktiven Browser aus aufnehmen zu lassen, kann dies bei einer längeren Webseite einige Zeit dauern.

Andere Methoden

Bei meiner Erkundung habe ich auch noch ein paar andere Arbeitsmethoden gefunden. Ich möchte sie oben nicht vorstellen, weil sie angesichts der Zeit und Mühe, die Sie investieren müssen, und der Qualität der Ausgabe nicht so gut sind. Nichtsdestotrotz funktionieren sie, also zögern Sie nicht, einige von ihnen auszuprobieren.

7. Erfassen Sie einen Screenshot in voller Größe in Chrome ohne Browsererweiterung

Dieser Tipp wurde freundlicherweise von einem unserer Leser, Hans Kuijpers, geteilt.

  • DevTools in Chrome öffnen (OPTION + CMD + I)
  • Öffnen Sie das Befehlsmenü (CMD + SHIFT + P) und geben Sie „Screenshot“ ein.
  • Wählen Sie eine der beiden Optionen „Screenshot in voller Größe aufnehmen“ oder „Screenshot aufnehmen“.
  • Das aufgenommene Bild wird auf Ihren Computer heruntergeladen.

8. Web-Capture.Net

Es ist ein Online-Screenshot-Service in voller Länge. Du zuerst Öffnen Sie die Website, kopieren Sie die URL einer Webseite, von der Sie einen Screenshot erstellen möchten, und fügen Sie sie hier ein (siehe unten). Sie können auch auswählen, welches Dateiformat exportiert werden soll. Drücken Sie „Enter“ auf Ihrer Tastatur, um fortzufahren.

Sei geduldig. Es dauerte ungefähr zwei Minuten, bis ich die Nachricht sah: „Ihr Link wurde bearbeitet! Sie können eine Datei oder ein ZIP-Archiv herunterladen.“ Jetzt können Sie den Screenshot herunterladen.

Vorteile:

  • Es funktioniert.
  • Es muss keine Software installiert werden.

Nachteile:

  • Tonnen von Anzeigen auf seiner Website.
  • Der Screenshot-Prozess ist langsam.
  • Keine Bildbearbeitungsfunktionen.

9. Ganzseitige Bildschirmaufnahme (Chrome-Erweiterung)

Ähnlich wie Awesome Screenshot ist Full Page Screen Capture ein Chrome-Plug-in, das unglaublich einfach zu verwenden ist. Einfach installieren (Hier ist der Link zu seiner Erweiterungsseite) in Ihrem Chrome-Browser, suchen Sie die Webseite, die Sie erfassen möchten, und klicken Sie auf das Erweiterungssymbol. Ein Screenshot wird fast sofort erstellt. Ich fand es jedoch weniger ansprechend, da es nicht über die Bildbearbeitungsfunktionen von Awesome Screenshot verfügt.

10. Paparazzi (nur Mac)

Update: Diese App wurde schon lange nicht mehr aktualisiert, möglicherweise gibt es Kompatibilitätsprobleme mit dem neuesten macOS. Ich empfehle es daher nicht mehr.

Paparazzi! ist ein Mac-Dienstprogramm, das von Nate Weaver speziell zum Erstellen von Screenshots von Webseiten entworfen und entwickelt wurde. Es ist ziemlich intuitiv. Kopieren Sie einfach den Webseiten-Link und fügen Sie ihn ein, definieren Sie die Bildgröße oder die Verzögerungszeit, und die App gibt das Ergebnis für Sie zurück. Klicken Sie anschließend auf das Download-Symbol in der unteren rechten Ecke, um den Screenshot zu exportieren.

Die Hauptsorge, die ich habe, ist, dass die App vor einigen Jahren zuletzt aktualisiert wurde, daher bin ich mir nicht sicher, ob sie mit zukünftigen macOS-Versionen kompatibel sein wird.

Dies sind die verschiedenen Möglichkeiten, Screenshots für eine vollständige oder scrollende Webseite zu machen. Wie ich in der kurzen Zusammenfassung gesagt habe, haben verschiedene Methoden ihre eigenen Vor- und Nachteile, also wählen Sie unbedingt diejenige, die Ihren Bedürfnissen am besten entspricht. Ich überlasse es Ihnen, zu wählen, welche(s) Sie verwenden möchten.

Wenn Sie Fragen oder Anregungen haben, können Sie wie immer unten einen Kommentar hinterlassen.