Lossless page detail
Keep text, icons, charts, and interface elements crisp without compression artifacts.
URL to PNG API
Screenshot webpages as PNG
Send a public URL to the API and receive a hosted .png screenshot. Control the viewport, full-page capture, selected element, and browser state.
- Full-page screenshots
- CSS selector capture
- Hosted .png image URL
Request
https://google.com
Live demo
Try URL to PNG
Enter a public URL, choose the capture settings, and generate a PNG screenshot with the same API used in production.
Loading playground…
Format advantages
Why capture webpages as PNG?
PNG preserves sharp text, interface details, and transparency, making it a reliable format for webpage archives and UI captures.
Transparent backgrounds
Preserve transparent page backgrounds when the captured design is intended for overlays or compositing.
Reliable visual fidelity
Use PNG when exact colors and sharp edges matter more than the smallest possible file.
URL screenshot API
Request PNG output directly
Send a public URL to the API with format set to png. Chromium loads the webpage and the response points to the generated .png screenshot.
-
Public webpage URL
Send the URL to load, including webpages whose final state depends on browser-rendered JavaScript.
-
PNG output
Set format to png and use the hosted .png URL returned by the API.
-
Viewport and crop controls
Set viewport dimensions, capture the full page, or crop the result to a CSS selector.
-
Browser environment
Choose color scheme, timezone, mobile behavior, timing, and other page-loading controls.
Request
How it works
From webpage URL to a finished PNG
-
Send the webpage URL
Submit a public URL with format set to png and any viewport, selector, or browser settings.
-
Chromium loads the page
The API runs the webpage, styles, fonts, images, and JavaScript in a managed browser environment.
-
Use the .png URL
Embed the hosted result, download the file, or save it in your own storage and application records.
Output formats
One API, the format your workflow needs
Keep the same URL and capture settings. Choose lossless detail, compact compatibility, modern web delivery, or a paginated document.
Looking to convert HTML & CSS to PNG? Explore HTML to PNGCompact + universal
Modern + efficient
Document + printable
.jpeg
URL to JPEG
Smaller files and broad compatibility for photographic and content-heavy webpages.
Explore JPEG.webp
URL to WebP
Strong visual quality with modern compression for web delivery.
Explore WebP.pdf
URL to PDF
Paginated webpage captures with page sizing, margins, backgrounds, and print styles.
Explore PDFExample code
Capture a webpage as PNG from your app
Choose a language and copy a complete request using a public URL and explicit screenshot settings.
Loading code example
const apiId = process.env.HCTI_API_ID;
const apiKey = process.env.HCTI_API_KEY;
if (!apiId || !apiKey) {
throw new Error("Missing HCTI_API_ID or HCTI_API_KEY");
}
const authorization = `Basic ${Buffer.from(`${apiId}:${apiKey}`).toString("base64")}`;
const request = {
url: "https://example.com",
format: "png",
viewport_height: 630,
viewport_width: 1200,
};
const response = await fetch("https://hcti.io/v1/image", {
method: "POST",
headers: {
Authorization: authorization,
"Content-Type": "application/json",
},
body: JSON.stringify(request),
});
if (!response.ok) {
throw new Error(`HCTI request failed: ${response.status} ${await response.text()}`);
}
const result = await response.json() as { url: string };
console.log(result.url);
Loading code example
Loading code example
Loading code example
Loading code example
Loading code example
Loading code example
Loading code example
Loading code example
Loading code example
Loading code example
Loading code example
Ready to capture?
Take your first PNG webpage screenshot
Send a public URL to the API and receive a hosted .png image without running browser infrastructure.