So erstellst du ein Bild einer Website

Dieses Tool erzeugt anhand einer Adresse einen Screenshot einer Webseite, in Breiten, die Desktop, Laptop, Tablet und Smartphone simulieren. Es ist nützlich, um festzuhalten, wie eine Website an einem bestimmten Tag aussah, oder um einen Eindruck zu bekommen, wie sie auf verschiedenen Bildschirmen erscheint.

Gib die Adresse der Website in das Feld ein (mit oder ohne https://; fehlt es, ergänzt das Tool es). Es werden nur http- und https-Adressen akzeptiert.
Wähle die Breite: Desktop (1920 px), Laptop (1366 px), Tablet (768 px), Mobile (375 px) oder „Benutzerdefiniert“, um einen beliebigen Wert einzugeben.
Klicke auf „Aufnehmen“ oder drücke Enter im Adressfeld.
Warte, bis das Bild geladen ist. Sobald es erscheint, speichere es mit „Screenshot herunterladen“.

Wie es funktioniert und welche Grenzen es gibt

Die Aufnahme entsteht nicht auf deinem Gerät. Die Seite sendet eine Anfrage mit Adresse und gewählter Breite an einen einzigen öffentlichen Screenshot-Dienst (thum.io) und zeigt das zurückgelieferte Bild an, begrenzt auf 1200 px Höhe. Es gibt keinen Ersatzdienst: Fällt dieser Dienst aus, zeigt das Tool statt eines Bildes eine klare Fehlermeldung. Daraus ergeben sich einige Folgen:

Qualität, Geschwindigkeit und Verfügbarkeit hängen von diesem externen Dienst ab, der Nutzungsgrenzen haben kann.
Seiten, die ein Login verlangen, in einem internen Netzwerk liegen oder Roboter blockieren, werden nicht korrekt erfasst.
Das Bild zeigt den oberen Teil der Seite, nicht die ganze Seite.
Die Schaltfläche „Screenshot herunterladen“ holt das Bild und speichert es als Datei. Erlaubt der Dienst diesen direkten Zugriff nicht, öffnet sich das Bild in einem neuen Tab, und du musst es per Rechtsklick (oder langem Antippen auf dem Smartphone) über „Bild speichern unter“ sichern.

Prüfungen

Die benutzerdefinierte Breite muss eine ganze Zahl zwischen 320 und 1920 Pixeln sein; außerhalb davon warnt das Tool, statt stillschweigend einen Standardwert zu verwenden. Auch die Adresse wird geprüft: Ungültige Adressen oder solche mit anderen Protokollen (wie ftp://) werden abgelehnt.

Praktische Beispiele

Test des responsiven Layouts: Erfasse dieselbe Website mit 1920 und mit 375 px, um das Computer- und das Smartphone-Layout zu vergleichen.
Visuelle Dokumentation: Halte das Aussehen einer Seite vor einem Relaunch fest, um es später zu vergleichen.
Präsentationen und Berichte: Nutze das Bild zur Illustration einer Designreferenz oder eines Artikels.
Portfolio: Zeige das Ergebnis einer von dir entwickelten Website in Desktop- und Mobilversion.

Tipps

Nutze die benutzerdefinierte Breite, um CSS-Breakpoints zu testen, etwa 1024 oder 414 px.
Schlägt die Aufnahme fehl, warte einen Moment und versuche es erneut: Der Dienst ist möglicherweise überlastet.
Sehr schwere oder stark animierte Seiten können unvollständig ausfallen.
Beachte das Urheberrecht: Ein Screenshot einer fremden Website gibt dir nicht das Recht, deren Inhalt weiterzuverwenden.
Prüfe vorher mit Is Up, ob die Website antwortet.

Datenschutz und Funktionsweise

Die eingegebene Adresse und die gewählte Breite werden an den externen Aufnahmedienst gesendet, der die Seite aufruft und das Bild zurückgibt. Gib deshalb keine Adressen mit sensiblen Daten ein, etwa private Links, Tokens oder eingeloggte Bereiche. Das Tool speichert keinen Verlauf in deinem Browser. Mehr dazu in der Datenschutzerklärung.

Häufige Fragen

Zeigt die Aufnahme die ganze Seite?

Nein. Das Bild ist auf den oberen Teil der Seite begrenzt, mit einer maximalen Höhe von 1200 px.

Warum erschien „Das Bild konnte nicht erzeugt werden“?

Der externe Dienst ist möglicherweise ausgefallen, hat zu lange gebraucht, die Anfrage blockiert oder die Website nicht erreicht. Versuche es später oder mit einer anderen Adresse erneut.

Kann ich Seiten erfassen, die ein Login verlangen?

Nein, denn der Dienst ruft die Seite als Besucher ohne deine Sitzung auf.

Die Download-Schaltfläche hat das Bild in einem anderen Tab geöffnet. Was tun?

Das passiert, wenn der Browser der Seite nicht erlaubt, das Bild direkt abzurufen. Klicke mit der rechten Maustaste (oder tippe auf dem Smartphone lange) auf das Bild und wähle Speichern.

Simuliert die Aufnahme wirklich ein Smartphone?

Sie ändert die Breite des Aufnahmefensters, wodurch das responsive Layout der meisten Websites greift, emuliert aber kein bestimmtes Gerät.

Weitere kostenlose Tools

Datenschutzerklärung Nutzungsbedingungen Über uns Kontakt DarkBoxKit

📸 Pageres