No browser runtime to maintain
Call the API from Node.js without bundling Chromium into the service or coordinating browser processes across workers.
URL to JPEG with TypeScript
Screenshot webpages as JPEG with TypeScript
No browser management required
Capture public webpages from TypeScript without installing Chrome, running Puppeteer or Playwright, or maintaining screenshot storage and delivery.
- No browser processes to maintain
- Full-page and selector controls included
- Complete TypeScript request below
Request
https://google.com
TypeScript workflow
Test the webpage capture before adding it to TypeScript
Choose the URL and browser state here, then use the TypeScript example below instead of rebuilding the screenshot workflow locally.
Managed screenshots
Skip the fragile parts of native TypeScript screenshot automation
Keep the application code focused on the request and response while HCTI manages Chromium, page loading, render isolation, retries, and hosted output.
Screenshot controls are already modeled
Set the viewport, full-page mode, selector, timing, color scheme, and browser state as request parameters instead of browser scripts.
A usable image URL immediately
Receive the hosted .jpeg result without building a separate pipeline for temporary files, uploads, storage, and delivery.
URL screenshot API
Send one TypeScript request instead of running a browser
POST the webpage URL, capture settings, and format from TypeScript. HCTI handles the browser lifecycle and returns the generated .jpeg URL.
-
Public webpage URL
Send the URL to load, including webpages whose final state depends on browser-rendered JavaScript.
-
JPEG output
Set format to jpeg and use the hosted .jpeg 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 JPEG
-
Send the webpage URL
Submit a public URL with format set to jpeg 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 .jpeg 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 JPEG? Explore HTML to JPEG in TypeScriptLossless + transparent
Modern + efficient
Document + printable
.png
URL to PNG
Crisp text, sharp interface details, and transparent page backgrounds.
Explore PNG.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
Screenshot a webpage as JPEG in TypeScript
Copy a complete TypeScript request. Authentication, the webpage URL, viewport settings, output format, and response handling are shown together.
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: "jpeg",
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
Ready to capture?
Take your first JPEG webpage screenshot
Send a public URL to the API and receive a hosted .jpeg image without running browser infrastructure.