# Full-Load Screenshot (`caleno/full-load-screenshot`) Actor Full-page screenshots that wait for every image, font and lazy-loaded element to render — no more blank or half-loaded images. - **URL**: https://apify.com/caleno/full-load-screenshot.md - **Developed by:** [Caleno](https://apify.com/caleno) (community) - **Categories:** Automation, Developer tools, SEO tools - **Stats:** 2 total users, 1 monthly users, 95.0% runs succeeded, 0 bookmarks - **User rating**: 5.00 out of 5 stars ## Pricing from $50.00 / 1,000 screenshot per urls This Actor is paid per event. You are not charged for the Apify platform usage, but only a fixed price for specific events. Learn more: https://docs.apify.com/platform/actors/running/actors-in-store#pay-per-event ## What's an Apify Actor? Actors are web data automations that power AI and operations. They run on the Apify platform to scrape websites, process data, connect APIs, and automate workflows. In Batch mode, an Actor accepts a well-defined JSON input, performs an action which can take anything from a few seconds to a few hours, and optionally produces a well-defined JSON output, datasets with results, or files in key-value store. In Standby mode, an Actor provides a web server which can be used as a website, API, or an MCP server. Actors are written with capital "A". ## How to integrate an Actor? If asked about integration, you help developers integrate Actors into their projects. You adapt to their stack and deliver integrations that are safe, well-documented, and production-ready. The best way to integrate Actors is as follows. In JavaScript/TypeScript projects, use official [JavaScript/TypeScript client](https://docs.apify.com/api/client/js/docs.md): ```bash npm install apify-client ``` In Python projects, use official [Python client library](https://docs.apify.com/api/client/python/docs.md): ```bash pip install apify-client ``` In shell scripts, use [Apify CLI](https://docs.apify.com/cli/docs.md): ````bash # MacOS / Linux curl -fsSL https://apify.com/install-cli.sh | bash # Windows irm https://apify.com/install-cli.ps1 | iex ```bash In AI frameworks, you might use the [Apify MCP server](https://docs.apify.com/integrations/mcp.md). If your project is in a different language, use the [REST API](https://docs.apify.com/api/v2.md). For usage examples, see the [API](#api) section below. For more details, see Apify documentation as [Markdown index](https://docs.apify.com/llms.txt) and [Markdown full-text](https://docs.apify.com/llms-full.txt). # README ## Full-Load Screenshot 📸 **Full-page website screenshots that actually wait for every image, font and lazy-loaded element to render — no more blank or half-loaded pages.** Most screenshot tools fire the camera too early: hero images are still blank, lazy-loaded pictures never appear, fonts pop in a moment later, and animated sections show up empty. **Full-Load Screenshot** fixes that. It fully loads the page first — every image, `srcset`, ``, CSS background, web font and scroll-revealed section — and only then captures a pixel-perfect screenshot. --- ### ✨ What it does - 🖼️ **Waits for every image to load** — lazy-loaded, `srcset`, ``, CSS backgrounds and late-injected images included. Reports exactly how many images rendered. - 📜 **Full-page or viewport** capture at any resolution (retina / HiDPI supported). - 🍪 **Removes cookie / consent banners** so they don't cover your content (works with the common consent tools, iframes and shadow DOM). - 🧩 **Per-section screenshots** (optional) — a separate image for each section: header, hero, forms, content blocks and footer. Works on any page layout. - 🎬 **Reveals scroll animations** so no section is left blank, and gives videos a visible frame. - 🗂️ **PNG or JPEG** output, with public image URLs you can use straight away. --- ### 🎯 Use cases - Visual QA and change monitoring for websites and landing pages - Portfolio / gallery thumbnails of client sites - Archiving pages exactly as they render - Feeding pixel-perfect screenshots into design, AI or reporting pipelines - Grabbing individual sections (hero, pricing, footer) as separate assets --- ### 📥 Input | Field | Description | |-------|-------------| | **URLs** | One or more page URLs to capture. | | **Full page** | Capture the whole scrollable page, or just the viewport. | | **Viewport width / height** | Browser size (default 1440×900). | | **Pixel density** | 1 = normal, 2 = retina (sharper, larger files). | | **Image format** | PNG (lossless) or JPEG (smaller). | | **Remove cookie / consent banners** | Automatically dismiss cookie popups (default on). | | **Per-section screenshots** | Also capture each page section as its own image. | | **Extra settle time** | Extra wait for slow animations or late scripts. | | **Proxy** | Optional proxy configuration. | #### Example input ```json { "urls": ["https://example.com/"], "fullPage": true, "format": "png", "removeCookieBanners": true, "sectionScreenshots": false } ```` *** ### 📤 Output Each URL produces one dataset item: ```json { "url": "https://example.com/", "screenshotUrl": "https://api.apify.com/v2/key-value-stores/.../records/screenshot-001-example.com.png", "imagesLoaded": 42, "imagesTotal": 42, "allImagesLoaded": true, "pageWidth": 1440, "pageHeight": 5230, "format": "png", "loadSeconds": 6.4, "sectionsCount": 8, "sections": [ { "label": "header", "screenshotUrl": "...", "width": 1440, "height": 66 }, { "label": "hero", "screenshotUrl": "...", "width": 1440, "height": 720 } ] } ``` The screenshots are stored in the run's key-value store and the returned `screenshotUrl`s open directly in a browser. *** ### ⚙️ How it works The actor opens the page in a real Chromium browser, forces lazy images to load, scrolls the full height to trigger every lazy loader, waits until all images are decoded and fonts are ready, snaps scroll-reveal animations to their final state, and then captures the screenshot. That is why the result has no blank or half-loaded images. *** ### 💳 Pricing Simple **pay per URL**: one flat price per page, no matter how many images it contains or how many sections you capture — the full-page screenshot and every section image are all included. Failed URLs are free. *** ### ❓ Notes - Company logos and stylized graphics are images, not text — screenshots capture them exactly as shown. - Extremely tall pages fall back to a safe capture mode automatically. Questions or a feature request? Open an issue on the actor page — the actor is actively maintained. 🔄 # Actor input Schema ## `urls` (type: `array`): One or more page URLs to capture. Each URL is fully loaded (all images, fonts and lazy content) before the screenshot is taken. ## `captureMode` (type: `string`): 📄 Full page = one screenshot of the whole page. 🖥️ Visible area = only the first screen (viewport). 🧩 Full page + sections = the whole page PLUS a separate image for each section (header, hero, forms, blocks, footer). ## `format` (type: `string`): PNG for lossless quality, JPEG for smaller files. ## `removeCookieBanners` (type: `boolean`): Automatically dismiss the cookie/consent popup on every site so it doesn't cover your content — handles the common consent tools, iframes and shadow DOM. ## `viewportWidth` (type: `integer`): Browser width. 1440 matches a typical desktop. ## `viewportHeight` (type: `integer`): Browser height (used before the page is scrolled). ## `deviceScaleFactor` (type: `integer`): 1 = normal, 2 = retina / high-resolution (sharper, larger files). ## `jpegQuality` (type: `integer`): Only used when the format is JPEG (1–100). ## `waitAfterLoadSecs` (type: `integer`): Extra wait after everything has loaded, for slow animations or late scripts. ## `sectionSelectors` (type: `array`): Only for the 🧩 Full page + sections mode: extra CSS selectors to capture as their own section screenshots (e.g. .pricing-table). ## `maxSecondsPerUrl` (type: `integer`): Hard time limit for a single page. A URL that exceeds this is skipped (and never charged). ## `startUrls` (type: `array`): Alternative URL input in the standard Apify request-list format. Useful when chaining this actor to another actor's output. ## `proxyConfiguration` (type: `object`): Optional proxy configuration for downloading pages (e.g. for geo-specific content). ## Actor input object example ```json { "urls": [ "https://en.wikipedia.org/wiki/Cat" ], "captureMode": "fullpage", "format": "png", "removeCookieBanners": true, "viewportWidth": 1440, "viewportHeight": 900, "deviceScaleFactor": 1, "jpegQuality": 85, "waitAfterLoadSecs": 1, "maxSecondsPerUrl": 120, "proxyConfiguration": { "useApifyProxy": false } } ``` # API You can run this Actor programmatically using our API. Below are code examples in JavaScript, Python, and CLI, as well as the OpenAPI specification and MCP server setup. ## JavaScript example ```javascript import { ApifyClient } from 'apify-client'; // Initialize the ApifyClient with your Apify API token // Replace the '' with your token const client = new ApifyClient({ token: '', }); // Prepare Actor input const input = { "urls": [ "https://en.wikipedia.org/wiki/Cat" ] }; // Run the Actor and wait for it to finish const run = await client.actor("caleno/full-load-screenshot").call(input); // Fetch and print Actor results from the run's dataset (if any) console.log('Results from dataset'); console.log(`💾 Check your data here: https://console.apify.com/storage/datasets/${run.defaultDatasetId}`); const { items } = await client.dataset(run.defaultDatasetId).listItems(); items.forEach((item) => { console.dir(item); }); // 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/js/docs ``` ## Python example ```python from apify_client import ApifyClient # Initialize the ApifyClient with your Apify API token # Replace '' with your token. client = ApifyClient("") # Prepare the Actor input run_input = { "urls": ["https://en.wikipedia.org/wiki/Cat"] } # Run the Actor and wait for it to finish run = client.actor("caleno/full-load-screenshot").call(run_input=run_input) # Fetch and print Actor results from the run's dataset (if there are any) print("💾 Check your data here: https://console.apify.com/storage/datasets/" + run["defaultDatasetId"]) for item in client.dataset(run["defaultDatasetId"]).iterate_items(): print(item) # 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/python/docs/quick-start ``` ## CLI example ```bash echo '{ "urls": [ "https://en.wikipedia.org/wiki/Cat" ] }' | apify call caleno/full-load-screenshot --silent --output-dataset ``` ## MCP server setup ```json { "mcpServers": { "apify": { "command": "npx", "args": [ "mcp-remote", "https://mcp.apify.com/?tools=caleno/full-load-screenshot", "--header", "Authorization: Bearer " ] } } } ``` ## OpenAPI specification ```json { "openapi": "3.0.1", "info": { "title": "Full-Load Screenshot", "description": "Full-page screenshots that wait for every image, font and lazy-loaded element to render — no more blank or half-loaded images.", "version": "0.1", "x-build-id": "LDAdmpcXD7b3OwklZ" }, "servers": [ { "url": "https://api.apify.com/v2" } ], "paths": { "/acts/caleno~full-load-screenshot/run-sync-get-dataset-items": { "post": { "operationId": "run-sync-get-dataset-items-caleno-full-load-screenshot", "x-openai-isConsequential": false, "summary": "Executes an Actor, waits for its completion, and returns Actor's dataset items in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK" } } } }, "/acts/caleno~full-load-screenshot/runs": { "post": { "operationId": "runs-sync-caleno-full-load-screenshot", "x-openai-isConsequential": false, "summary": "Executes an Actor and returns information about the initiated run in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK", "content": { "application/json": { "schema": { "$ref": "#/components/schemas/runsResponseSchema" } } } } } } }, "/acts/caleno~full-load-screenshot/run-sync": { "post": { "operationId": "run-sync-caleno-full-load-screenshot", "x-openai-isConsequential": false, "summary": "Executes an Actor, waits for completion, and returns the OUTPUT from Key-value store in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK" } } } } }, "components": { "schemas": { "inputSchema": { "type": "object", "properties": { "urls": { "title": "🔗 URLs", "type": "array", "description": "One or more page URLs to capture. Each URL is fully loaded (all images, fonts and lazy content) before the screenshot is taken.", "items": { "type": "string" } }, "captureMode": { "title": "📷 What to capture", "enum": [ "fullpage", "viewport", "sections" ], "type": "string", "description": "📄 Full page = one screenshot of the whole page. 🖥️ Visible area = only the first screen (viewport). 🧩 Full page + sections = the whole page PLUS a separate image for each section (header, hero, forms, blocks, footer).", "default": "fullpage" }, "format": { "title": "🖼️ Image format", "enum": [ "png", "jpeg" ], "type": "string", "description": "PNG for lossless quality, JPEG for smaller files.", "default": "png" }, "removeCookieBanners": { "title": "🍪 Remove cookie / consent banners", "type": "boolean", "description": "Automatically dismiss the cookie/consent popup on every site so it doesn't cover your content — handles the common consent tools, iframes and shadow DOM.", "default": true }, "viewportWidth": { "title": "📐 Viewport width (px)", "minimum": 320, "maximum": 3840, "type": "integer", "description": "Browser width. 1440 matches a typical desktop.", "default": 1440 }, "viewportHeight": { "title": "📐 Viewport height (px)", "minimum": 320, "maximum": 4320, "type": "integer", "description": "Browser height (used before the page is scrolled).", "default": 900 }, "deviceScaleFactor": { "title": "🔍 Pixel density", "minimum": 1, "maximum": 3, "type": "integer", "description": "1 = normal, 2 = retina / high-resolution (sharper, larger files).", "default": 1 }, "jpegQuality": { "title": "🎚️ JPEG quality", "minimum": 1, "maximum": 100, "type": "integer", "description": "Only used when the format is JPEG (1–100).", "default": 85 }, "waitAfterLoadSecs": { "title": "⏱️ Extra settle time (seconds)", "minimum": 0, "maximum": 30, "type": "integer", "description": "Extra wait after everything has loaded, for slow animations or late scripts.", "default": 1 }, "sectionSelectors": { "title": "🎯 Extra section selectors", "type": "array", "description": "Only for the 🧩 Full page + sections mode: extra CSS selectors to capture as their own section screenshots (e.g. .pricing-table).", "items": { "type": "string" } }, "maxSecondsPerUrl": { "title": "⛔ Max seconds per URL", "minimum": 20, "maximum": 600, "type": "integer", "description": "Hard time limit for a single page. A URL that exceeds this is skipped (and never charged).", "default": 120 }, "startUrls": { "title": "🔗 Start URLs (for integrations)", "type": "array", "description": "Alternative URL input in the standard Apify request-list format. Useful when chaining this actor to another actor's output.", "items": { "type": "object", "required": [ "url" ], "properties": { "url": { "type": "string", "title": "URL of a web page", "format": "uri" } } } }, "proxyConfiguration": { "title": "🌐 Proxy", "type": "object", "description": "Optional proxy configuration for downloading pages (e.g. for geo-specific content).", "default": { "useApifyProxy": false } } } }, "runsResponseSchema": { "type": "object", "properties": { "data": { "type": "object", "properties": { "id": { "type": "string" }, "actId": { "type": "string" }, "userId": { "type": "string" }, "startedAt": { "type": "string", "format": "date-time", "example": "2025-01-08T00:00:00.000Z" }, "finishedAt": { "type": "string", "format": "date-time", "example": "2025-01-08T00:00:00.000Z" }, "status": { "type": "string", "example": "READY" }, "meta": { "type": "object", "properties": { "origin": { "type": "string", "example": "API" }, "userAgent": { "type": "string" } } }, "stats": { "type": "object", "properties": { "inputBodyLen": { "type": "integer", "example": 2000 }, "rebootCount": { "type": "integer", "example": 0 }, "restartCount": { "type": "integer", "example": 0 }, "resurrectCount": { "type": "integer", "example": 0 }, "computeUnits": { "type": "integer", "example": 0 } } }, "options": { "type": "object", "properties": { "build": { "type": "string", "example": "latest" }, "timeoutSecs": { "type": "integer", "example": 300 }, "memoryMbytes": { "type": "integer", "example": 1024 }, "diskMbytes": { "type": "integer", "example": 2048 } } }, "buildId": { "type": "string" }, "defaultKeyValueStoreId": { "type": "string" }, "defaultDatasetId": { "type": "string" }, "defaultRequestQueueId": { "type": "string" }, "buildNumber": { "type": "string", "example": "1.0.0" }, "containerUrl": { "type": "string" }, "usage": { "type": "object", "properties": { "ACTOR_COMPUTE_UNITS": { "type": "integer", "example": 0 }, "DATASET_READS": { "type": "integer", "example": 0 }, "DATASET_WRITES": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_READS": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_WRITES": { "type": "integer", "example": 1 }, "KEY_VALUE_STORE_LISTS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_READS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_WRITES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_INTERNAL_GBYTES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_EXTERNAL_GBYTES": { "type": "integer", "example": 0 }, "PROXY_RESIDENTIAL_TRANSFER_GBYTES": { "type": "integer", "example": 0 }, "PROXY_SERPS": { "type": "integer", "example": 0 } } }, "usageTotalUsd": { "type": "number", "example": 0.00005 }, "usageUsd": { "type": "object", "properties": { "ACTOR_COMPUTE_UNITS": { "type": "integer", "example": 0 }, "DATASET_READS": { "type": "integer", "example": 0 }, "DATASET_WRITES": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_READS": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_WRITES": { "type": "number", "example": 0.00005 }, "KEY_VALUE_STORE_LISTS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_READS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_WRITES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_INTERNAL_GBYTES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_EXTERNAL_GBYTES": { "type": "integer", "example": 0 }, "PROXY_RESIDENTIAL_TRANSFER_GBYTES": { "type": "integer", "example": 0 }, "PROXY_SERPS": { "type": "integer", "example": 0 } } } } } } } } } } ```