# Dockerfile contains instructions how to build a Docker image that
# will contain all the code and configuration needed to run your actor.
# For a full Dockerfile reference,
# see https://docs.docker.com/engine/reference/builder/

# First, specify the base Docker image. Apify provides the following
# base images for your convenience:
# apify/actor-node-basic (Node.js 10 on Alpine Linux, small and fast)
# apify/actor-node-chrome (Node.js 10 + Chrome on Debian)
# apify/actor-node-chrome-xvfb (Node.js 10 + Chrome + Xvfb on Debian)
# For more information, see https://apify.com/docs/actor#base-images
# Note that you can use any other image from Docker Hub.
FROM apify/actor-node-chrome

# Copy all files and directories with the source code
COPY . ./

# Install NPM packages, skip optional and development dependencies to
# keep the image small. Avoid logging to much and print the dependency
# tree for debugging
RUN npm --quiet set progress=false \
 &amp;&amp; npm install --only=prod --no-optional \
 &amp;&amp; echo "Installed NPM packages:" \
 &amp;&amp; npm list \
 &amp;&amp; echo "Node.js version:" \
 &amp;&amp; node --version \
 &amp;&amp; echo "NPM version:" \
 &amp;&amp; npm --version

# Specify how to run the source code
CMD npm start

Dockerfile

{
 "title": "HTML renderer Input",
 "type": "object",
 "description": "Use the following form to configure HTML renderer.",
 "schemaVersion": 1,
 "properties": {
 "html": {
 "title": "HTML to generate",
 "type": "string",
 "description": "HTML to be opened in a broswer and screenshotted",
 "editor": "textarea",
 "example": "&lt;html>\n&lt;head>\n&lt;title>Page Title&lt;/title>\n&lt;/head>\n&lt;body>\n\n&lt;h1>This is a Heading&lt;/h1>\n&lt;p>This is a paragraph.&lt;/p>\n\n&lt;/body>\n&lt;/html>"
 },
 "viewport": {
 "title": "Viewport",
 "type": "object",
 "description": "Viewport of a screenshot",
 "default": {"width": 800, "height":600},
 "editor": "json"
 },
 "format": {
 "title": "Output format",
 "type": "string",
 "description": "Output format (jpeg or png)",
 "editor": "select",
 "default": "jpeg",
 "enum": ["jpeg", "png"]
 },
 "outputType": {
 "title": "Output type",
 "type": "string",
 "description": "Output type (link to screenshot or image itself)",
 "editor": "select",
 "default": "link",
 "enum": ["link", "image"]
 }
 },
 "required": [
 "html"
 ]
}

INPUT_SCHEMA.json

# HTML renderer

Genereates image (png or jpeg) from given HTML. Uses headless browser and Puppeteer (open browser, set content, make screenshot).
Output can be a link to generated screenshot or image itself.
Also viewport can be defined as an input.

See input schema for more details.

Can be used as a synchronous API (HTML as an input, image/link as an output).

README.md

main.js

{
 "name": "my-actor",
 "version": "0.0.1",
 "dependencies": {
 "apify": "^0.13.7"
 },
 "scripts": {
 "start": "node main.js"
 },
 "author": "Me!"
}

package.json

# Dockerfile contains instructions how to build a Docker image that
# will contain all the code and configuration needed to run your actor.
# For a full Dockerfile reference,
# see https://docs.docker.com/engine/reference/builder/

# First, specify the base Docker image. Apify provides the following
# base images for your convenience:
#  apify/actor-node-basic (Node.js 10 on Alpine Linux, small and fast)
#  apify/actor-node-chrome (Node.js 10 + Chrome on Debian)
#  apify/actor-node-chrome-xvfb (Node.js 10 + Chrome + Xvfb on Debian)
# For more information, see https://apify.com/docs/actor#base-images
# Note that you can use any other image from Docker Hub.
FROM apify/actor-node-chrome

# Copy all files and directories with the source code
COPY . ./

# Install NPM packages, skip optional and development dependencies to
# keep the image small. Avoid logging to much and print the dependency
# tree for debugging
RUN npm --quiet set progress=false \
 && npm install --only=prod --no-optional \
 && echo "Installed NPM packages:" \
 && npm list \
 && echo "Node.js version:" \
 && node --version \
 && echo "NPM version:" \
 && npm --version

# Specify how to run the source code
CMD npm start


Use the following form to configure HTML renderer.

Output format

HTML to be opened in a broswer and screenshotted

HTML to generate

Output type (link to screenshot or image itself)

Output type

Viewport

HTML renderer Input

# HTML renderer

Genereates image (png or jpeg) from given HTML. Uses headless browser and Puppeteer (open browser, set content, make screenshot).
Output can be a link to generated screenshot or image itself.
Also viewport can be defined as an input.

See input schema for more details.

Can be used as a synchronous API (HTML as an input, image/link as an output).



Apify Store

Actor ideas

Custom solutions

Enterprise

Use cases

Success stories

Actors

Proxy

Status

Storage

Integrations

Documentation

Apify SDK

Help & Support

Discord community

Web scraping guide

Apify partner programs

Solution providers

Apify Freelancers

Affiliate program

About Apify

Blog

Careers

Contact us

HTML to generate

Viewport

Output format

Output type

Build new tools

Get a custom solution