# Website-Screenshot-Tool Erzeugt hochwertige Website-Screenshots mit anpassbaren Optionen mit Headless-Browser > Kanonische Seite: https://elysiatools.com/de/tools/website-screenshot - **Kategorie:** Development - **Schlagwörter:** screenshot, website, browser, puppeteer, erfassung, webseite, bild, headless, automatisierung ## Überblick Das Website-Screenshot-Tool ermöglicht die Erstellung hochwertiger Screenshots von Webseiten mit einem Headless-Browser. Es bietet anpassbare Optionen wie Bildformat, Größe und Wartezeiten, um präzise und visuell ansprechende Ergebnisse zu erzielen. ## Eingaben - **URL** (text): https://example.com - **Breite (Pixel)** (number): 1200 - **Höhe (Pixel)** (number): 800 - **Bildformat** (select) - **Qualität (1-100)** (number): 80 - **Vollständiger Screenshot** (checkbox) - **Wartezeit (ms)** (number): 1000 - **Elemente Ausblenden (CSS-Selektoren)** (textarea): .ads, .popup, .cookie-banner (comma-separated) - **Dunkler Modus** (checkbox) - **Mobile Ansicht** (checkbox) ## Wann verwenden - Wenn Sie einen Screenshot einer Webseite für Dokumentations- oder Präsentationszwecke benötigen. - Um das visuelle Erscheinungsbild einer Website auf verschiedenen Geräten oder im dunklen Modus zu überprüfen. - Für automatisierte Erfassungen in Entwicklungs-, Test- oder Überwachungsworkflows. ## Funktionsweise - Geben Sie die URL der gewünschten Webseite ein. - Passen Sie Optionen wie Breite, Höhe, Bildformat, Qualität und Wartezeit an. - Aktivieren Sie bei Bedarf Funktionen wie 'Vollständiger Screenshot', 'Mobile Ansicht' oder 'Dunkler Modus'. - Klicken Sie auf 'Generieren', um den Screenshot zu erstellen und als Bilddatei herunterzuladen. ## Anwendungsfälle - Erstellung von Screenshots für Website-Prototypen, Design-Reviews und Kundenfeedback. - Automatisierte Überwachung von Webseitenänderungen in der Softwareentwicklung oder Qualitätssicherung. - Erfassung von Webinhalten für Archivierung, Berichte oder soziale Medien. ## Häufig gestellte Fragen ### Welche Bildformate werden unterstützt? PNG für verlustfreie Qualität, JPEG für komprimierte Dateien und WebP für moderne, effiziente Bilder. ### Kann ich die Größe des Screenshots anpassen? Ja, Sie können Breite und Höhe in Pixeln im Bereich von 100 bis 4000 festlegen. ### Wie blende ich unerwünschte Elemente wie Popups oder Werbung aus? Verwenden Sie CSS-Selektoren im 'Elemente Ausblenden'-Feld, um bestimmte Teile der Webseite auszublenden. ### Ist es möglich, einen Screenshot der gesamten Webseite zu machen? Ja, aktivieren Sie die Option 'Vollständiger Screenshot', um die gesamte Länge der Seite zu erfassen. ### Kann ich mobile Ansichten simulieren? Ja, aktivieren Sie 'Mobile Ansicht', um den Screenshot in einem typischen mobilen Darstellungsformat zu erstellen. ## Ähnliche Tools - [Rot-Cyan 3D-Anaglyph-Generator](https://elysiatools.com/de/tools/image-anaglyph): Erstellt Rot-Cyan 3D-Anaglyph-Bilder aus normalen Fotos. Erstellt stereoskopische 3D-Bilder, die mit Rot-Cyan 3D-Brille betrachtet werden können. - [Tiefenkarten-Generator](https://elysiatools.com/de/tools/image-depth-map): Erstellt Tiefenkarten aus Bildern unter Verwendung von Helligkeits-, Sättigungs- und Kantenanalyse. Erstellt Tiefenkarten in Graustufen, wobei hellere Pixel nähere Objekte und dunklere Pixel entferntere Objekte anzeigen. - [PDF Markenrichtlinien](https://elysiatools.com/de/tools/pdf-brand-guidelines-pdf): Erstellt ein Markenhandbuch mit Logo, Farbpalette, Typo und Abstanden - [PDF-Bildlayouts](https://elysiatools.com/de/tools/pdf-image-layouts): Einseitige Mehrbild-Layouts - [PDF Kontaktbogen](https://elysiatools.com/de/tools/pdf-photo-contact-sheet): Erstellt Kontaktbogen mit Vorschaubildern, Dateinamen und EXIF - [PDF-Poster-Generator](https://elysiatools.com/de/tools/pdf-poster-maker): Poster/Flyer-Vorlagen als PDF - [Storyboard-Bogen PDF](https://elysiatools.com/de/tools/pdf-storyboard-sheet): Erzeugt Storyboard-Seiten mit Vorschaubild und Notizbereich - [VP8-Bildanalysator](https://elysiatools.com/de/tools/vp8-image-analyzer): Analysiert WebP/VP8-Bilder mit Sharp, erzeugt eine Graustufen-Displacement-Map und rendert ein 3D-Relief mit Three.js ## Beispiele - [Android Java Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-java): Android Java Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung - [Android Kotlin Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/android-image-processing-kotlin): Android Kotlin Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung - [Web Python Bildverarbeitung Beispiele](https://elysiatools.com/de/samples/web-image-processing-python): Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung - [Web Rust Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/web-image-processing-rust): Web Rust Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung ## Verwandte Inhalte - [Web-Accessibility-Audit vor der Veröffentlichung](https://elysiatools.com/de/hubs/web-accessibility-audits): Prüfen Sie Struktur, Vorlesereihenfolge, Screenshot-Kontrast und Risiken bei Farbsehschwächen einer Seite oder UI-Komponente und überführen Sie automatische Befunde in ein von Menschen geprüftes Veröffentlichungsprotokoll.