# Schritt-für-Schritt-Anleitungen Lokale Screenshots und Schritte zu Anleitungen mit Markierungen, PDF-Druck, HTML und Projektdateien verbinden. > Kanonische Seite: https://elysiatools.com/de/tools/step-by-step-guide-builder - **Kategorie:** Document Tools - **Schlagwörter:** Schritt-für-Schritt-Anleitungen, Schritte, PDF, HTML ## Überblick Lokale Screenshots und Schritte zu Anleitungen mit Markierungen, PDF-Druck, HTML und Projektdateien verbinden. Bilder bleiben im Browser. Kein automatisches Speichern: Projekt vor Schließen, Neustart oder neuem Ergebnisfenster herunterladen. Füllt leere Bildplätze in Reihenfolge, fügt dann Schritte hinzu. Keine KI-Erkennung. Abdecken ersetzt Pixel unwiderruflich. Markierungen löschen stellt verdeckte Inhalte nicht wieder her. Im Druckdialog als PDF speichern; Browser-Kopf-/Fußzeilen bei Bedarf ausschalten. 30 Schritte · PNG/JPEG/WebP · 10 MB/Bild · 20 MB verarbeitet. Lange Bilder werden für den Druck geteilt. Bilder: Höhe/Breite ≤30; maximal120 Druckfragmente und35 MB erzeugte Bilddaten pro Bericht. Große Bilder werden verkleinert. ## Eingaben - **Startinhalt** (select) - **Editorsprache** (select) ## Wann verwenden - Wenn Klickpfade, Systemeinrichtungen oder Arbeitsabläufe schnell für Kunden oder Kollegen visualisiert werden müssen. - Wenn sensible Daten auf Screenshots unwiderruflich unkenntlich gemacht werden müssen, ohne dass Bilder an externe Server übertragen werden. - Wenn eine kompakte Dokumentation direkt ohne schwere Textverarbeitung als PDF oder HTML bereitgestellt werden soll. ## Funktionsweise - Wählen Sie eine leere Anleitung oder die Beispielvorlage sowie die gewünschte Editorsprache aus und starten Sie das Werkzeug. - Fügen Sie bis zu 30 Schritte hinzu und weisen Sie lokale PNG-, JPEG- oder WebP-Dateien zu; leere Bildplätze werden der Reihe nach gefüllt. - Bringen Sie Anmerkungen an oder nutzen Sie die Maskierungsfunktion, um vertrauliche Bildinhalte unwiderruflich zu überschreiben. - Laden Sie die Projektdatei zur späteren Bearbeitung herunter, exportieren Sie eine HTML-Datei oder nutzen Sie den Browser-Druckdialog zum Speichern als PDF. ## Anwendungsfälle - Erstellung von IT-Support-Handbüchern für Softwareinstallationen und Konfigurationsänderungen. - Aufbau von Standard-Arbeitsanweisungen (SOPs) mit geschwärzten Zugangsdaten für das Mitarbeiter-Onboarding. - Dokumentation reproduzierbarer Fehlerpfade mit Klicksequenzen für Entwickler und Qualitätssicherungsteams. ## Häufig gestellte Fragen ### Werden meine Screenshots auf einen Server hochgeladen? Nein, alle Bilddaten verbleiben vollständig in Ihrem lokalen Browser und werden nicht übertragen. ### Gibt es ein automatisches Speichern im Browser? Nein, Sie müssen Ihre Projektdatei vor dem Schließen oder Neuladen des Fensters manuell herunterladen. ### Kann eine Bildabdeckung nachträglich rückgängig gemacht werden? Nein, das Abdecken ersetzt Bildpixel dauerhaft. Das Entfernen von Markierungen stellt verdeckte Inhalte nicht wieder her. ### Welche Dateigrößen und Limits gelten für Bilder? Unterstützt werden PNG, JPEG und WebP bis maximal 10 MB pro Bild, höchstens 30 Schritte und ein Gesamtverarbeitungslimit von 20 MB. ### Wie speichere ich die fertige Anleitung als PDF? Öffnen Sie den Druckdialog im Editor und wählen Sie als Ziel 'Als PDF speichern'. Kopf- und Fußzeilen des Browsers können bei Bedarf deaktiviert werden. ## Ähnliche Tools - [PDF-Tabellenlayout-Engine](https://elysiatools.com/de/tools/pdf-table-layout-engine): Wandelt Tabellendaten in ein paginiertes PDF mit wiederholten Kopfzeilen und Zebra-Zeilen - [HTML zu PDF (Präzises Layout)](https://elysiatools.com/de/tools/html-to-pdf-precise): HTML/CSS zu PDF mit präzisen Kopf-/Fußzeilen und Druckoptionen - [HTML-zu-PDF-Renderer](https://elysiatools.com/de/tools/html-to-pdf-renderer): Rendert einen HTML-Teilumfang zu PDF - [PDF-Kopf-/Fußzeilen-Bausteine](https://elysiatools.com/de/tools/pdf-header-footer-snippets): Konvertiert HTML zu PDF und fügt Logo-, Titel- und Datumsbausteine hinzu - [PDF zu HTML](https://elysiatools.com/de/tools/pdf-to-html): Konvertiert PDF-Dokumente in HTML-Webseiten mit erhaltenem Format und Struktur - [HTML/CSS zu druckfertigem PDF](https://elysiatools.com/de/tools/pdf-typesetting-html-css-nojs-print): Setzt ein mehrseitiges, druckfertiges PDF direkt aus HTML und CSS: @page-Größe und -Ränder, laufende Kapitelüberschriften, Seitenzähler, Schnitt- und Passermarken, Beschnitt. - [Deep-Research-PDF zu HTML-Artikel](https://elysiatools.com/de/tools/deep-research-pdf-to-html-article): Wandle einen ChatGPT-Deep-Research-PDF-Export in einen eigenständigen, lesefreundlichen HTML-Artikel — Überschriften, neu umbrochene Absätze, Formeln und jede Zitung automatisch mit ihrer Quelle verlinkt. Keine Quellenliste zum Einfügen: Die Zitationen stecken schon im PDF. - [E-Mail-HTML zu PDF](https://elysiatools.com/de/tools/libreoffice-html-mail-to-pdf): Rendert E-Mail-HTML zu PDF und erhalt die grundlegende Formatierung ## Beispiele - [PDF-Beispiele](https://elysiatools.com/de/samples/pdf-samples): Generierte PDF-Beispiele von Tools zwischen 2026-02-01 und 2026-02-10 - [Markdown Foliensatz Beispiele](https://elysiatools.com/de/samples/md-slide-deck-to-pdf): Remark/Marp Markdown Decks zum Testen des PDF Exports - [Test Pyramid Examples - Testing-Strategie-Leitfaden](https://elysiatools.com/de/samples/test-pyramid-examples): Umfassende Test-Pyramide-Implementierungsbeispiele einschließlich Unit-Tests, Integrationstests, E2E-Tests, Test-Organisation und strategischen Test-Patterns für ausgewogene Software-Qualitätssicherung - [Contentful Cloud-basierte CMS Beispiele](https://elysiatools.com/de/samples/contentful-samples): Umfassende Contentful Beispiele mit Content Modeling, API Integration, Webhooks und Frontend Integration Patterns ## Verwandte Inhalte - [Screenshot-Anleitungen prüfen und Schulungsunterlagen übergeben](https://elysiatools.com/de/hubs/screenshot-based-procedure-guide-review-and-handoff): Erstellen Sie eine getestete Anleitung für eine autorisierte Aufgabe, prüfen Sie Bildzuordnung und Datenschutz und übergeben Sie HTML, Druck-PDF und bearbeitbares Projekt.