Take screenshots of webpages or HTML files

Usage example

{
  "steps": {
    "captured": {
      "robot": "/html/convert",
      "url": "https://transloadit.com"
    }
  }
}

Parameters

• output_meta

  Record<string, boolean> | boolean

  Allows you to specify a set of metadata that is more expensive on CPU power to calculate, and thus is disabled by default to keep your Assemblies processing fast.

  For images, you can add "has_transparency": true in this object to extract if the image contains transparent parts and "dominant_colors": true to extract an array of hexadecimal color codes from the image.

  For videos, you can add the "colorspace: true" parameter to extract the colorspace of the output video.

  For audio, you can add "mean_volume": true to get a single value representing the mean average volume of the audio file.

  You can also set this to false to skip metadata extraction and speed up transcoding.

• result

  boolean (default: false)

  Whether the results of this Step should be present in the Assembly Status JSON

• queue

  "batch"

  Setting the queue to 'batch', manually downgrades the priority of jobs for this step to avoid consuming Priority job slots for jobs that don't need zero queue waiting times

• force_accept

  boolean (default: false)
  

    Force a Robot to accept a file type it would have ignored.
  

  By default Robots ignore files they are not familiar with. 🤖/video/encode, for example, will happily ignore input images.

  With the force_accept parameter set to true you can force Robots to accept all files thrown at them. This will typically lead to errors and should only be used for debugging or combatting edge cases.

• use

  string | Array<string> | Array<object> | object

  Specifies which Step(s) to use as input.

  • You can pick any names for Steps except ":original" (reserved for user uploads handled by Transloadit)
  • You can provide several Steps as input with arrays:
    

    {
      "use": [
        ":original",
        "encoded",
        "resized"
      ]
    }
    

  Tip

  That’s likely all you need to know about use, but you can view Advanced use cases.

• url

  string | null (default: null)

  The URL of the web page to be converted. Optional, as you can also upload/import HTML files and pass it to this Robot.

• format

  … (default: "png")

  The format of the resulting image.

• fullpage

  boolean (default: true)

  Determines if a screenshot of the full page should be taken or not.

  If set to true, the height parameter will not have any effect, as heights of websites vary. You can control the size of the resulting image somewhat, though, by setting the width parameter.

  If set to false, an image will be cropped from the top of the webpage according to your width and height parameters.

• omit_background

  boolean (default: false)

  Determines whether to preserve a transparent background in HTML pages. Useful if you're generating artwork in HTML that you want to overlay on e.g. a video.

  The default of false fills transparent areas with a white background, for easier reading/printing.

  This parameter is only used when format is not pdf.

• width

  string | number (default: 1024)

  The screen width that will be used, in pixels. Change this to change the dimensions of the resulting image.

• height

  string | number

  The screen height that will be used, in pixels. By default this equals the length of the web page in pixels if fullpage is set to true. If fullpage is set to false, the height parameter takes effect and defaults to the value 768.

• delay

  string | number (default: 0)

  The delay (in milliseconds) applied to allow the page and all of its JavaScript to render before taking the screenshot.

• headers

  Record<string, string>

  An object containing optional headers that will be passed along with the original request to the website. For example, this parameter can be used to pass along an authorization token along with the request.

• wait_until

  … (default: "networkidle")

  The event to wait for before taking the screenshot. Used for loading Javascript, and images.

  See Playwright's documentation for more information.

Demos

Related blog posts