Screenshot + Assets

Website Screenshot and Asset Mapper

Generate a page screenshot, locate image assets on the page, and return overlay JSON for audits, QA reviews, and client-ready visual explanations.

Async jobToken APIVisual audit

Quota details are not available for this tool yet.

ScreenshotOverlaysAsset PanelAPI

Viewport

1440 x 900

Sample browser viewport used for the capture.

Mapped assets

Assets tied to page coordinates in the screenshot.

Broken overlays

Problem assets highlighted directly on the screenshot.

Layer modes

All images, content, backgrounds, broken, large, and no-alt.

Visual mapping

Full-page or viewport screenshot capture with asset overlays.
Side panel metadata for URL, size, alt text, type, and dimensions.
Layer toggles for all images, backgrounds, broken assets, large files, and no-alt cases.

Async delivery

Screenshot jobs, stored images, overlay records, and result polling.
Designed for Playwright-style rendering and coordinate extraction.
Token-authenticated API access for screenshot jobs, overlays, and asset retrieval.

Screenshot view

Full-page image with clickable asset overlays.
Visual callouts that make audits easier to explain to clients and stakeholders.
Ready to compare broken, oversized, or no-alt findings directly on the page.

Overlay output

Overlay JSON with asset URL, x, y, width, height, and metadata.
Structured screenshot job status, dimensions, and artifact references.
Natural fit for QA dashboards and external automation.

Client-facing audits where a raw asset table is not persuasive enough.

QA and content reviews that need to know exactly where problem assets appear.

Developer workflows that need overlay JSON for internal tooling or bug reports.

Endpoints

POST/api/v1/screenshot-jobsQueue a screenshot and asset-mapping job.

GET/api/v1/screenshot-jobsList screenshot jobs.

GET/api/v1/screenshot-jobs/:idFetch status and artifact metadata.

GET/api/v1/screenshot-jobs/:id/overlaysReturn overlay coordinates JSON.

GET/api/v1/screenshot-jobs/:id/assetsReturn mapped asset metadata.

Create screenshot job

Request

{
  "target_url": "https://example.com/page",
  "full_page": true,
  "viewport": {
    "width": 1440,
    "height": 900
  },
  "extract_assets": true,
  "map_assets": true
}

Response

{
  "id": "shot_123",
  "status": "queued"
}

Why pair screenshots with image metadata?

Because visual location matters. A broken hero image and a broken footer icon are not equal problems, and screenshots make that obvious.

Is this only for full-page captures?

No. The model supports both viewport-level and full-page captures so the result can match the audit goal.

Can overlays be consumed by external systems?

Yes. The API design is built around returning overlay coordinates and asset metadata as structured JSON.

Performance Audit

Website Image Performance Audit

Measure image payload, oversized assets, lazy loading coverage, responsive delivery, and format savings.

Image transfer size overview
Oversized image detection

Sync auditCore Web Vitals supportMVP

Open tool

Image Monitoring

Image Monitoring API

Monitor new, removed, and changed images over time with token auth, schedules, diffs, and result history.

Token-authenticated monitoring jobs
Added, removed, and changed image diffs

Monitoring serviceToken APIAsync jobs

Open tool

OG Preview Extractor

Open Graph and Preview Image Extractor

Extract og:image, twitter:image, favicons, app icons, and preview asset validation issues.

OG and Twitter preview extraction
Favicon and app icon inventory

Sync auditSocial previewBrand assets

Open tool

Website Screenshot and Asset Mapper

Plan-aware limit for this tool