Web endpoint
Screenshot one element of a page by CSS selector
Paste a link and a CSS selector and get just that element — a header, a pricing table, a chart — cropped to its own box, rendered in real Chrome.
- No signup
- No credit card
- Powered by the URLpipe API
Try your own URL
Your result will appear here.
Pick one of the pages above to get started.
What you get
- An image of one element, cropped to its box
- The first element that matches your selector
- A one-click PNG download
How it works
- 1We open the URL in headless Chrome and let the page render.
- 2We find the first element that matches your CSS selector and scroll it into view.
- 3Only that element's box is captured.
What people use it for
- Capture a chart or pricing table for a report without cropping by hand
- Track how one component of a page changes over time
- Grab a site's header or hero for a design review
Frequently asked
What if the selector matches more than one element?
The first match in the document is captured. Make the selector more specific — an id, or a class plus a parent — to pick another one.
What if it matches nothing?
Nothing is captured and the run is given back, so it does not count against your free runs. The same request to the API costs nothing either.
Can I hide things inside the element first?
Through the API, yes: hide_selectors hides elements such as a chat bubble or a promo bar, and styles adds CSS before the capture.
Ready to use it in production?
Get a free API key and call every endpoint from your own code — 1,000 credits a month, no credit card.