HTML to Image icon

HTML to Image

Convert HTML/CSS or a URL to an Image

Actions2

URL to Image

AI-generated

Overview

This node captures a screenshot of a website from a given URL and converts it into an image. It is useful for scenarios where you need to generate visual previews or thumbnails of web pages automatically, such as monitoring website changes, creating marketing materials, or archiving web content.

Use Case Examples

  1. Capturing a full-page screenshot of a product page to include in a report.
  2. Generating a thumbnail image of a blog post URL for social media sharing.

Properties

Name Meaning
Viewport Width The width of the browser viewport in pixels used for rendering the webpage before capturing the screenshot.
Viewport Height The height of the browser viewport in pixels used for rendering the webpage before capturing the screenshot.
URL The URL of the website to capture as an image.
Full Page Whether to capture the entire webpage or just the visible viewport area.
Wait Till Milliseconds to wait before capturing the screenshot, allowing the page to fully load or animations to complete.
Response Format The format of the screenshot response, which can be a URL to the PNG image, the image data itself, or a Base64 encoded string.

Output

JSON

  • json - The JSON response from the image generation API containing the screenshot data or URL.

Dependencies

  • An API key credential for the htmlcsstoimg.com service is required to authenticate requests.

Troubleshooting

  • Common issues include invalid URLs, network errors, or API authentication failures.
  • Error messages may indicate problems such as invalid input parameters or API rate limits. Verify the URL format, ensure the API key is valid, and check network connectivity.

Links

  • htmlcsstoimg.com API - Official API documentation and service for converting HTML/CSS or URLs to images.

Discussion