Keeping cookie banners and popups out of your capture
Short answer
Any element visible on the screen becomes part of the image. To remove a cookie banner or popup, you must dismiss it manually before triggering the capture. If the banner reappears during a long scroll, disable automatic scrolling or delete the element directly in Chrome DevTools using the Elements panel before taking the shot.
Updated 22 July 2026Written by the Full Page Screenshot team
Why consent banners appear in captures
A screenshot is a pixel-perfect record of what the browser renders at that exact moment. Because Full Page Screenshot requests only activeTab permissions and makes no network requests, it cannot bypass JavaScript-driven overlays like GDPR notices, newsletter modals, or chat widgets. If the element exists in the DOM and has a computed position other than static, it occupies space on the page and will be included in the final PNG, JPG, or PDF.
Browser positioning rules for overlays
Understanding CSS positioning helps explain why some banners are easy to dismiss while others persist.
- position: fixed
- The element stays relative to the viewport. It remains visible regardless of scroll depth, often overlaying content until explicitly closed.
- position: absolute
- The element is removed from normal flow and positioned relative to its nearest positioned ancestor. It appears once but does not stick during scrolling.
- position: sticky
- The element behaves as relative until a specific scroll threshold is met, then it sticks to its container. This causes headers or footers to repeat in long captures.
How to dismiss persistent overlays
Use these methods to ensure your capture is free of unwanted UI elements.
- 1
Manually close the banner
Click 'Accept All' or the 'X' close button. For simple overlays, this removes the element from the DOM, allowing a clean capture via /how-to/screenshot-entire-webpage.
- 2
Disable automatic scrolling
If a chat widget or banner reappears mid-capture, turn off /features/automatic-scrolling. The extension will capture the visible area without scrolling, preventing the trigger event that reloads the overlay.
- 3
Delete the element in DevTools
Open Chrome DevTools (F12), select the element with the inspection tool, right-click the HTML node, and choose 'Delete element'. This permanently removes it from the current session view.
Frequently asked questions
Does Full Page Screenshot block tracking scripts?
No. Full Page Screenshot captures the visual state of the page. It does not execute or block JavaScript. If a script injects a banner dynamically, it will appear in the screenshot unless you prevent it via DevTools or browser extensions.
Will deleting an element affect the layout?
Removing an element from the DOM shifts surrounding content. If you delete a large cookie banner, the page content below it will move up. Ensure the new layout looks correct before capturing.
Where to go next
If this did not resolve it, the next places to look are Why the header repeats down your full page screenshot, automatic scrolling and sticky element handling, and How to screenshot an entire webpage.
Frequently asked questions
Does Full Page Screenshot block tracking scripts?
No. Full Page Screenshot captures the visual state of the page. It does not execute or block JavaScript. If a script injects a banner dynamically, it will appear in the screenshot unless you prevent it via DevTools or browser extensions.
Will deleting an element affect the layout?
Removing an element from the DOM shifts surrounding content. If you delete a large cookie banner, the page content below it will move up. Ensure the new layout looks correct before capturing.
Sources
Primary documentation for the browser behaviour described above. Every link was checked against a live search index when this page was last updated.
Capture your first full page screenshot
Free, no account, and nothing leaves your computer.
Keep reading
Why the header repeats down your full page screenshot
A navigation bar stamped every few hundred pixels down a stitched screenshot is a sticky positioning problem. What causes it and how a capture avoids it.
Automatic scrolling and sticky element handling
How the capture handles sticky headers, lazy-loaded images, animations and nested scroll containers so the joined image looks like one page.
How to screenshot an entire webpage
A step by step guide to capturing a whole webpage, including scrolling panels, pages behind a login, and the cases the browser will not allow.