Lliben Logo Lliben

Sticky Header, schwebende Chat-Widgets und Cookie-Banner sind auf Webseiten nützlich – aber sie ruinieren oft Screenshots.

TL;DR

  • Wenn dein Tool Sticky-UI automatisch bereinigen kann: für Vollseite aktivieren.
  • Sonst: Abschnitt capturen (Ausgewählter Bereich) oder nach dem Capture zuschneiden.
  • Für Doku/Docs: saubere PNG-Exporte (oder PDF bei sehr langen Captures).

Praktische Optionen (in dieser Reihenfolge)

  1. Vollseiten-Cleanup nutzen (falls vorhanden).
  2. Ausgewählten Bereich capturen, der das Overlay vermeidet.
  3. Im Editor zuschneiden nach dem Capture.

Tipp: Wenn du ein UI dokumentierst, capture den Moment, in dem der Header am kleinsten ist (viele Seiten shrinken den Header nach dem Scroll).

Warum Sticky UI Probleme macht

Beim Scrolling Capture tauchen Sticky Elemente in jedem Frame auf. Das kann Overlays wiederholen oder Inhalte verdecken, die du eigentlich zeigen willst.

Wann PDF besser passt

Wenn das Ziel ein druckbares Dokument ist, exportiere als PDF, damit der Inhalt paginiert und leichter zu lesen ist.

Verwandt: