Manchmal ist es nötig, eine komplette Website als PDF zu sichern, etwa um einen Entwicklungsstand festzuhalten oder schlicht, um einige Anmerkungen zum Webdesign weiterzugeben. Gerade bei der Arbeit kann das hilfreich sein, etwa um Handouts zu erstellen oder auf Mängel im Seitedesign der Website des Unternehmens hinzuweisen. Leider bietet Apples Safari-Browser dafür keine eigene Funktion, dafür sorgt eine kostenlose Safari-Extension für Abhilfe.

Manchmal ist es nötig, eine komplette Website als PDF zu sichern, etwa um einen Entwicklungsstand festzuhalten oder schlicht, um einige Anmerkungen zum Webdesign weiterzugeben. Gerade bei der Arbeit kann das hilfreich sein, etwa um Handouts zu erstellen oder auf Mängel im Seitedesign der Website des Unternehmens hinzuweisen. Leider bietet Apples Safari-Browser dafür keine eigene Funktion, dafür sorgt eine kostenlose Safari-Extension für Abhilfe.

1. Extension laden und installieren
Möglich wird die Erstellung solcher Screenshots mit der Extension Awesome Screenshot: Ruft die Extension-Website mit Safari auf und klickt auf „Install Now“ – das Plugin wird installiert. Bei uns funktionierte es erst nach einem Neustart des Safari-Browsers korrekt, weshalb wir empfehlen, diesen nach der Installation neu zu starten.

Plugin installieren…

2. Website aufrufen und Screenshot erstellen
Ihr findet jetzt ein neues Symbol in der Symbolleiste, das wie eine Kameralinse ausschaut. Das ist die Awesome Screenshot-Funktion: Wenn Ihr es anklickt, findet Ihr drei Auswahloptionen für die Erstellung von Website-Screenshots: „Capture Visible Part“, „Capture Selected Area“ und „Capture Entire Page“. Letzterer ist der richtige: Ruft die Website auf, die Ihr sichern wollt und wählt anschließend „Capture Entire Page“ aus. Die Extension scrollt jetzt einmal automatisch die Website ab.

… Website aufrufen und Awesome Screenshot aktivieren…

3. Vollbild-Screenshot bearbeiten und markieren
Awesome Screenshot zeigt Euch nun die abfotografierte Website an und bietet Euch einige Bearbeitungsfunktionen: Hier könnt Ihr direkt Kommentare einfügen, Elemente markieren oder Pfeile setzen. Klickt auf „Done“, wenn Ihr damit fertig seid.

… Anmerkungen hinzufügen…

4. Vollbild-Screenshot abspeichern
Anschließend zeigt Euch Awesome Screenshot noch einmal die komplette Website inklusive aller Bearbeitungen im PNG-Format an. Klickt das Bild mit der rechten Maustaste an und wählt „Speichern unter…“, um den Screenshot der Website als PDF auf Eurem Mac zu sichern. Von hier aus könnt Ihr das PNG weiterverwenden, etwa weiter bearbeiten, versenden oder ausdrucken.

… Screenshot als PNG sichern…

5. PNG in PDF umwandeln
Öffnet jetzt das runtergeladene Bild mit der Vorschau.app und wählt hier „Als PDF exportieren“. Nachdem Ihr einen Speicherort angegeben habt, besitzt Ihr eine PDF-Kopie der kompletten Website.

… und Website-Kopie als PDF exportieren.

Über den Autor

Christian Rentrop

Technikjournalist und Schreiberling aus Überzeugung. Schon als Zweitklässler 1986 mit dem Amstrad CPC angefixt, habe ich mich immer für Computer und Technik interessiert und finde: Computer sind nichts, wovor man Angst haben sollte.

Sag' Deine Meinung