Screenshot erstellen
Erstelle einen Screenshot.
Die html2canvas-Bibliothek rendert die Seite als Canvas. Die Verarbeitung erfolgt rein lokal im Browser. Klicken Sie auf Screenshot erstellen und das Tool rendert die aktuelle Seite als Bild. Das Ergebnis kann als PNG heruntergeladen werden. Ideal für das Erstellen von Vorschau-Bildern, das Teilen von Seiteninhalten und das Archivieren von Webseiten.
So benutzt du das Tool
- Screenshot erstellenKlicke auf Screenshot erstellen, um die aktuelle Seite zu erfassen.
- Vorschau prüfenDas Ergebnis wird als Bild angezeigt.
- HerunterladenKlicke auf Herunterladen, um den Screenshot als PNG zu speichern.
Wie der Screenshot funktioniert
Die html2canvas-Bibliothek rendert die Seite als Canvas. Der Canvas wird dann als PNG-Bild exportiert. Die Verarbeitung erfolgt rein lokal im Browser. Einige CSS-Effekte werden möglicherweise nicht korrekt gerendert.
html2canvas → canvas.toDataURL
Tipps für bessere Screenshots
- Schließen Sie unnötige Tabs und Fenster vor der Aufnahme.
- Nutzen Sie den Vollbildmodus für saubere Aufnahmen.
- Warten Sie, bis alle Inhalte vollständig geladen sind.
- Verwenden Sie die Druckfunktion des Browsers für PDF-Export.
- Achten Sie darauf, dass keine Overlays oder Popups den Screenshot verdecken.
Annahmen und Grenzen
- Der Screenshot erfolgt rein lokal im Browser.
- Manche CSS-Effekte (etwa Filter oder Schatten) können abweichend dargestellt werden.
- Die Auflösung hängt von der Bildschirmgröße ab.
- Sehr große Seiten können den Speicher belasten.
- Nur der sichtbare Bereich wird erfasst.
Wofür du Screenshots erstellst
Du dokumentierst einen Fehler, archivierst eine Webseite oder speicherst eine Information als Bild: Du klickst auf Screenshot erstellen, das Tool rendert die aktuelle Seite mit der html2canvas-Bibliothek als Canvas, und das Ergebnis kann als PNG heruntergeladen werden. Das Tool ersetzt die System-Screenshot-Funktion für alles, was auf der aktuellen Seite sichtbar ist. Support-Teams zeigen Meldungen als Bild, Lehrkräfte sichern Lerninhalte, und Privatpersonen archivieren Angebote oder Quittungen, die nur als Bild existieren. Auch für das Archivieren von Rechnungen und Verträgen ist das Tool praktisch: Die Seite wird als PNG gespeichert und im Ordner abgelegt.
Mögliche Fehler und was dagegen hilft
- Elemente fehlen im Screenshot: Einige Inhalte, etwa eingebettete Medien oder bestimmte CSS-Effekte, werden von der Bibliothek nicht mitgerendert. Scrolle die Seite so, dass alles sichtbar ist.
- Der Screenshot ist weiß: Die Seite war noch nicht vollständig geladen. Warte, bis alle Elemente sichtbar sind, und erst dann erstellen.
- Der Download bleibt aus: Der Screenshot wurde noch nicht erstellt. Erst auf Screenshot erstellen klicken, dann auf Herunterladen.
- Der Ausschnitt passt nicht: Die Seite ist zu lang und wird nicht vollständig erfasst. Scrolle nach und mache mehrere Screenshots.
- Die Datei wird nicht gespeichert: Der Browser blockiert den Download in manchen Fällen. Erlaube Downloads für diese Seite.
Für wen sich das Screenshot-Erstellen eignet
Zuerst Support-Teams, die Fehler mit Meldungen dokumentieren, und Lehrkräfte, die Lerninhalte sichern. Auch Privatpersonen archivieren Angebote, Quittungen oder Verläufe, die nur als Bild weitergegeben werden. Für Entwickler ist das Screenshot die einfache Art, das eigene Layout zu prüfen – das Bild wird vor dem Release gespeichert. Wenn du einen bestimmten Ausschnitt brauchst, hilft Bild zuschneiden, und um die Datei danach kleiner zu machen, ist der nächste Schritt Bild komprimieren.
Datenschutz & Prüfung: Dieses Tool arbeitet vollständig lokal in deinem Browser – Eingaben und Dateien werden nicht hochgeladen oder gespeichert. Funktion geprüft: Oktober 2026.
Häufige Fragen
Kann ich nur einen bestimmten Bereich aufnehmen?
Derzeit wird die gesamte Seite aufgenommen. Eine Bereichsauswahl ist für eine zukünftige Version geplant.
In welchem Format wird gespeichert?
PNG. Dies ist ein verlustloses Format mit guter Kompression für Screenshots.
Wie funktioniert der Screenshot ohne Server?
Die html2canvas-Bibliothek rendert die Seite lokal im Browser. Es wird nichts übertragen.
Kann ich den Screenshot bearbeiten?
Nein, das Tool erstellt nur den Screenshot. Für Bearbeitung nutzen Sie ein Bildbearbeitungsprogramm.
Warum fehlen einige Elemente im Screenshot?
Einige CSS-Effekte (z. B. position: fixed) werden möglicherweise nicht korrekt gerendert. Dies ist eine bekannte Einschränkung.
Alle Tools an einem Ort
Über 100 Rechner für Alltag, Mathematik, Finanzen und mehr – kostenlos, ohne Anmeldung und mit sichtbarem Rechenweg.