Image Kit icon

Image Kit

HTML to Image conversion service with font support

Actions14

Image → Composite HTML Image

AI-generated

Summary

Overlay HTML content onto a new blank image or an existing image binary, rendering the HTML into the composite image and returning the result in the specified output format.

Inputs

  • HTML (required) — HTML content to overlay on the image.
  • Use Image — Whether to composite HTML on an existing image binary input.
  • Image Binary Field — Name of the binary input field containing the existing image to overlay HTML on; required if 'Use Image' is true.
  • Output Format — Format of the output image: PNG, JPEG, or WebP.
  • Width — Width in pixels of the output image.
  • Height — Height in pixels of the output image.
  • Device Scale Factor — Pixel ratio for output image rendering (e.g., 1 for normal, 2 for retina).
  • Fonts — Optional list of fonts (fetched dynamically) to use when rendering the HTML content.

Output shape

A single image binary file output with JSON metadata

Returns a binary image named 'data' in the configured format (png/jpeg/webp) along with JSON containing format, width, and height. If 'Use Image' is enabled, it composites HTML onto the provided image binary; otherwise, generates a new image with the HTML overlay.

Links

Discussion