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
Your result will appear here.
Enter a URL above, or pick one of the example pages.
What you get
- An image of one element, cropped to its box, at 2x so it stays sharp
- 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
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.
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.
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.