Webpage to Image
Paste any public URL and get a clean, downloadable picture of the live page, either the full scrolling page or just the visible area, rendered in seconds with no browser extension to install.
No screenshot yet
Enter a URL above and click Render
Free, no sign-up. Renders the live page, not a cached thumbnail.
01 · How it works
Paste a URL
Drop in any public web page: a landing page, blog post, dashboard, or product page. No login and nothing to install.
We render the live page
A real headless browser loads the page, waits for fonts and images, and captures it the way a visitor would actually see it.
Download the image
Preview the result, switch between full page and visible area, then download the picture as a PNG in one click.
How to turn a webpage into an image
Turning a webpage into an image means rendering the live page in a browser and saving what it draws as a picture file, rather than copying the text or the code. Paste the page's URL in the box above, choose the full page or just the visible area, and download the result as a PNG.
Because the capture runs in a real headless browser, you get the page exactly as it renders: web fonts, background images, CSS gradients, charts, and content that only appears after JavaScript runs. That is the difference between a true webpage image and a flat copy of the HTML.
How to save a web page as a JPEG or PNG
The browser's own Print to PDF or the operating system screenshot key only capture the part of the page that fits on your screen, and they bake in your scrollbars and browser chrome. To save a whole web page as a clean image, you want an off-screen render at a fixed width.
This tool does exactly that: it loads the URL at a standard desktop width, captures the page edge to edge, and hands you back a PNG you can download. PNG keeps text and sharp edges crisp, which is what you usually want for a webpage image; if you specifically need a smaller JPEG, you can convert the downloaded PNG in any image editor.
Capturing a full-page screenshot of the entire page
A full-page screenshot captures everything from the top of the page to the very bottom, including the parts below the fold that you would normally have to scroll to reach. The visible-area mode instead captures a single viewport, the same slice you would see without scrolling.
Switch between the two with the toggle in the tool. Reach for the full page when you want the whole article, landing page, or pricing table in one tall image, and reach for the visible area when you only need the hero section or the first impression a visitor gets.
Webpage to PNG vs JPG: which format to use
PNG is the right default for a webpage image. It is lossless, so text, icons, and crisp UI edges stay sharp, and it supports transparency. The trade-off is a larger file on image-heavy pages.
JPG (JPEG) produces smaller files by compressing the image, which is handy for a long, photo-rich page where a little softness on text is acceptable. A simple rule: use PNG when readability matters (documentation, dashboards, UI), and JPG when file size matters more than pixel-perfect text.
URL to image: capture any public link
Any publicly reachable URL works: a marketing page, a news article, a public Google Doc, a chart, or a status page. The tool follows redirects and renders the final page, so a shortened or canonical link resolves to the real destination before it is captured.
Pages that sit behind a login, a paywall, or a corporate VPN cannot be reached by an external renderer, so those need a screenshot taken from inside the logged-in session instead. For everything public, pasting the link is the fastest way to go from URL to image.
HTML to image: rendering markup to a picture
If you have raw HTML rather than a live URL, the workflow is the same idea: a browser renders the markup and captures the result. The quickest path with this tool is to host the HTML at a public URL (even a GitHub Pages or a CodePen full-page link) and paste that.
For generating images from HTML templates on the fly, for example an invoice, a certificate, or a social card built from your own markup, the ScreenshotRender API renders an HTML string straight to an image without you hosting it first.
Why a rendered webpage can look different from your browser
An automated render is a fresh, logged-out visit, so it can differ from what you see on your own screen. The usual reasons are worth knowing:
- <strong>Cookie and consent banners</strong>: a first-time visitor sees the GDPR or cookie overlay you dismissed long ago.
- <strong>Lazy-loaded images</strong>: content that loads as you scroll may need an extra moment to appear in a full-page capture.
- <strong>Logged-out state</strong>: anything personalized to your account renders in its signed-out form.
- <strong>Viewport width</strong>: the page is captured at a fixed desktop width, so a responsive layout may shift compared with your window size.
- <strong>A/B tests and geolocation</strong>: some sites serve different content by experiment bucket or country.
What you can do with a webpage image
A clean image of a page is useful far beyond a quick screen grab. Common jobs people use this for:
- Build a <strong>portfolio</strong> or case-study thumbnail of a site you shipped.
- Add a real screenshot to <strong>documentation</strong>, a tutorial, or a slide deck.
- <strong>Archive</strong> a page exactly as it looked on a given day for a record or a dispute.
- Capture a competitor's landing page or pricing for a <strong>research</strong> board.
- Once you have the image, check how its link unfurls on social with our <a href="/tools/open-graph-preview">Open Graph preview & checker</a>.
Turning webpages into images at scale
Capturing one page by hand is easy. Capturing hundreds, on a schedule, or inside your own app is where a screenshot API earns its keep. Instead of a person pasting URLs, your code sends a request and gets back an image URL.
The ScreenshotRender API renders any URL or HTML template to a PNG, JPG, or PDF, with controls for full page, viewport size, device emulation, delays, and ad and cookie-banner cleanup. It is the same engine behind this tool, so you can prototype here for free and then automate the same capture in production.
More free tools
FAQ
Common questions
Everything about the Webpage to Image.
Common questions
Paste the page's public URL into the box above and click Capture. The tool loads the live page in a real browser, renders it, and gives you a downloadable image. You can switch between a full-page capture and just the visible area before you download it as a PNG.
Capture the page with this tool to get a PNG, then convert that PNG to JPEG in any image editor or a format converter if you specifically need a JPG. PNG is the better default for a webpage because it keeps text and UI edges sharp, while JPEG trades some sharpness for a smaller file.
Use the box above: enter the website's URL and the tool renders and captures it in the cloud, so there is nothing to install. It works on any device with a browser, including phones and tablets, and returns an image you can save or share.
Switch the toggle to full page before you capture. The tool scrolls and stitches the whole page from top to bottom into one tall image, including the parts below the fold. Use visible area instead when you only want the first screen a visitor sees.
Use PNG when readability matters, such as documentation, dashboards, or anything with text and crisp UI, because it is lossless and stays sharp. Use JPG when file size matters more than perfect text, for example a long, photo-heavy page. This tool outputs PNG, which you can convert to JPG if needed.
Yes. It is completely free and needs no account. Paste a public URL, capture the page, and download the image. For automating captures in your own app or at high volume, the ScreenshotRender API offers a free tier to start.
No. An external renderer visits the page as a logged-out, first-time visitor, so anything behind a login, paywall, or VPN is not reachable. For private or authenticated pages, you need a screenshot taken from inside that logged-in session, which the ScreenshotRender API supports with custom headers and cookies.
Visible area captures a single viewport, the slice you would see without scrolling. Full page captures everything from the top of the page to the bottom, scrolling through and combining it into one tall image. Pick full page for a whole article or landing page, and visible area for just the hero section.
The capture is a fresh, logged-out visit at a fixed desktop width, so it can differ from your screen. Common reasons are cookie or consent banners that you already dismissed, content that lazy-loads on scroll, personalized logged-in content, responsive layout at a different width, and A/B tests or geolocation serving different content.
This tool captures at a standard desktop width. To capture a mobile or specific responsive breakpoint, use the ScreenshotRender API or playground, where you can set the viewport width and emulate a device to render the layout at that size.
Yes, indirectly: host the HTML at a public URL and paste that link to capture it. To render a raw HTML string directly to an image without hosting it, such as an invoice or a social card from your own template, use the ScreenshotRender API, which accepts HTML as input.
Paste the site's URL, choose full page to capture the whole design, and download the PNG. Full-page captures make clean portfolio thumbnails and case-study images because they show the entire layout in one shot rather than only the top of the page.
This tool captures one URL at a time. To screenshot many pages in a batch, on a schedule, or from your own code, the ScreenshotRender API takes a URL per request and returns an image, so you can loop over a list and automate the whole set.
The page is rendered at a standard desktop width, and a full-page capture is as tall as the page itself, so a long page produces a tall image. The result is a PNG at screen resolution. For a fixed width and height or a higher-resolution capture, the ScreenshotRender API lets you set the viewport and scale.
The print screen key only captures what fits on your monitor and includes your scrollbars and browser toolbar. This tool renders the page off-screen at a clean width and can capture the entire scrolling page, giving you a tidy image with no browser chrome and nothing cut off below the fold.
No. The tool renders the URL you paste, returns the image, and does not keep a copy of your pages. It only reads publicly available pages, the same way any visitor's browser would.
Get Started
Need to generate og:images at scale?
ScreenshotRender renders pixel-perfect 1200×630 social images from any URL or HTML template. Start free with 100 screenshots, no credit card.
Want to integrate via API? Get your key here