URL to PNG Convertor

Pricing

Pay per usage

Try for free

Go to Apify Store

URL to PNG Convertor

Try for free

Pricing

Pay per usage

Rating

0.0

(0)

Developer

Matthew Gall

Maintained by Community

Actor stats

Bookmarked

Total users

Monthly active users

3 years ago

Last modified

Dockerfile

# This is a template for a Dockerfile used to run acts in Actor system.
# The base image name below is set during the act build, based on user settings.
# IMPORTANT: The base image must set a correct working directory, such as /usr/src/app or /home/user
FROM apify/actor-node-puppeteer-chrome:15-10.1.0

# Second, copy just package.json and package-lock.json since it should be
# the only file that affects "npm install" in the next step, to speed up the build
COPY package*.json ./

# Install NPM packages, skip optional and development dependencies to
# keep the image small. Avoid logging too 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 --all || true) \
 && echo "Node.js version:" \
 && node --version \
 && echo "NPM version:" \
 && npm --version

# Copy source code to container
# Do this in the last step, to have fast build if only the source code changed
COPY --chown=node:node . ./

# NOTE: The CMD is already defined by the base image.
# Uncomment this for local node inspector debugging:
# CMD [ "node", "--inspect=0.0.0.0:9229", "main.js" ]

main.js

1const Apify = require('apify');
2
3Apify.main(async () => {
4    const input = await Apify.getValue('INPUT');
5    
6    if (!input || !input.url) throw new Error('Invalid input, must be a JSON object with the "url" field!');
7    
8    console.log('Launching Puppeteer...');
9    const browser = await Apify.launchPuppeteer();
10    
11    console.log(`Opening URL: ${input.url}`);  
12    const page = await browser.newPage();
13    await page.goto(input.url);
14    
15    // Get the "viewport" of the page, as reported by the page.
16    console.log('Determining page dimensions...');
17    const dimensions = await page.evaluate(() => ({
18        width: document.documentElement.clientWidth,
19        height: document.documentElement.clientHeight,
20        deviceScaleFactor: window.devicePixelRatio
21    }));
22    console.log(`Dimension: ${JSON.stringify(dimensions)}`);
23    
24    // Grab a screenshot
25    console.log('Saving screenshot...');
26    const screenshotBuffer = await page.screenshot();
27    await Apify.setValue('screenshot.png', screenshotBuffer, { contentType: 'image/png' });
28    
29    console.log('Closing Puppeteer...');
30    await browser.close();
31    
32    console.log('Done.');
33    console.log('You can check the output in the key-value on the following URLs:');
34    const storeId = process.env.APIFY_DEFAULT_KEY_VALUE_STORE_ID;
35    console.log(`- https://api.apify.com/v2/key-value-stores/${storeId}/records/screenshot.png`);
36});

package.json

{
    "name": "apify-project",
    "version": "1.3.4",
    "description": "",
    "author": "It's not you it's me",
    "license": "ISC",
    "dependencies": {
        "apify": "latest"
    },
    "scripts": {
        "start": "node main.js"
    }
}

Html To Png Actor

rmed19/html-to-png-actor

Captures PNG screenshots of webpages and converts HTML to PNG

Mohammed Rhamnia

Scraper

code_crafter/scraper

Code Pioneer

9.3K

2.0

Reviews

hollywood-reporter/reviews

hollywood reporter

Email

contact2353/my-actor-2

TML

Jobs data

neuralhex/jobs-data

NeuralHex

Automation Scraper

mujahid-alkausari/automation-scraper

Alkausari M

Actor 1

code_crafter/actor-1

Code Pioneer

Leads Data

neuralhex/leads-data

NeuralHex

Actor 2

code_crafter/actor-2

Code Pioneer

Test

matej/test

Matej Hamaš

# This is a template for a Dockerfile used to run acts in Actor system. # The base image name below is set during the act build, based on user settings. # IMPORTANT: The base image must set a correct working directory, such as /usr/src/app or /home/user FROM apify/actor-node-puppeteer-chrome:15-10.1.0 # Second, copy just package.json and package-lock.json since it should be # the only file that affects "npm install" in the next step, to speed up the build COPY package*.json ./ # Install NPM packages, skip optional and development dependencies to # keep the image small. Avoid logging too 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 --all || true) \ && echo "Node.js version:" \ && node --version \ && echo "NPM version:" \ && npm --version # Copy source code to container # Do this in the last step, to have fast build if only the source code changed COPY --chown=node:node . ./ # NOTE: The CMD is already defined by the base image. # Uncomment this for local node inspector debugging: # CMD [ "node", "--inspect=0.0.0.0:9229", "main.js" ]

1const Apify = require('apify'); 2 3Apify.main(async () => { 4 const input = await Apify.getValue('INPUT'); 5 6 if (!input || !input.url) throw new Error('Invalid input, must be a JSON object with the "url" field!'); 7 8 console.log('Launching Puppeteer...'); 9 const browser = await Apify.launchPuppeteer(); 10 11 console.log(`Opening URL: ${input.url}`); 12 const page = await browser.newPage(); 13 await page.goto(input.url); 14 15 // Get the "viewport" of the page, as reported by the page. 16 console.log('Determining page dimensions...'); 17 const dimensions = await page.evaluate(() => ({ 18 width: document.documentElement.clientWidth, 19 height: document.documentElement.clientHeight, 20 deviceScaleFactor: window.devicePixelRatio 21 })); 22 console.log(`Dimension: ${JSON.stringify(dimensions)}`); 23 24 // Grab a screenshot 25 console.log('Saving screenshot...'); 26 const screenshotBuffer = await page.screenshot(); 27 await Apify.setValue('screenshot.png', screenshotBuffer, { contentType: 'image/png' }); 28 29 console.log('Closing Puppeteer...'); 30 await browser.close(); 31 32 console.log('Done.'); 33 console.log('You can check the output in the key-value on the following URLs:'); 34 const storeId = process.env.APIFY_DEFAULT_KEY_VALUE_STORE_ID; 35 console.log(`- https://api.apify.com/v2/key-value-stores/${storeId}/records/screenshot.png`); 36});

{ "name": "apify-project", "version": "1.3.4", "description": "", "author": "It's not you it's me", "license": "ISC", "dependencies": { "apify": "latest" }, "scripts": { "start": "node main.js" } }

URL to PNG Convertor

URL to PNG Convertor

Dockerfile

main.js

package.json

You might also like

Html To Png Actor

Scraper

Reviews

Email

Jobs data

Automation Scraper

Actor 1

Leads Data

Actor 2

Test

Dockerfile

main.js

package.json