An “element screenshot” is when you capture only one thing on a page (like a button, chart, image, or card) without extra clutter.
TL;DR
- Use Element Picker to capture a specific UI component without manual cropping.
- If you can’t select the right element, slow down and try again (or zoom in).
- If the element is inside a scrollable container, scroll it into view first.
Best method: Element Picker in Lliben
- Open the page in Chrome.
- In Lliben, choose Element Picker.
- Hover the page to highlight elements.
- Click the element you want to capture.
- In Lliben Capture, export to PNG/JPG/PDF or add quick annotations.
Common issues (and fixes)
- Hard to select the right element: zoom in a bit, move the mouse slowly, and try again.
- Element is inside a scrollable container: scroll that container so the content you want is visible before clicking.
- Want an exact rectangle instead: use Selected Area capture.
Tip: For product docs, combine Element Picker with padding to make the screenshot look more intentional (clean margin around the element).
Related: