HTML to PNG using JavaScript
The JavaScript library for converting HTML files to PNG images.
HTML to PNG features
The JS module for converting HTML files to PNG images.
ConvertAPI JavaScript library install
ConvertAPI provides a JavaScript module that allows you to perform a HTML to PNG conversion with just a few lines of code.
First, install the convertapi-js@~1.1
package from npm:
npm i convertapi-js@~1.1
If you are interested in our old version of non-module JavaScript library you can find it here.
Authenticate your JavaScript library
Next, obtain your secret key by signing up for a free account. Once you sign up, you'll receive 250 free conversions instantly! Grab your authentication secret from the account dashboard, and authenticate the ConvertAPI JavaScript library like this:
let convertApi = ConvertApi.auth('secret_or_token')
Convert HTML to PNG using JavaScript in no time!
Once you have your authentication in place, simply copy-paste this html to png conversion code snippet into your JavaScript project. Convert HTML to PNG documents using JavaScript with no effort at all!
Try the conversion online - no coding required!
You can try out advanced conversion parameters and test the conversion result online using our interactive demo tool. This tool will produce the same conversion output as if you were using the library from your solution, and it will auto-generate the code snippet for you!
Try for FREE!Conversion parameters
HTTP authentication username. Could be used if conversion web page is protected with HTTP authentication.
HTTP authentication password. Could be used if conversion web page is protected with HTTP authentication.
Set additional cookies for the page request. Example: cookiename1=cookievalue1; cookiename2=cookievalue2; cookiename3=cookievalue3
Delay in seconds before page load and PDF creation. Sometimes useful to let web page fully load.
Block ads in converting page.
Tries to remove EU regulation required cookie warnings from web pages.
Allow web pages to run JavaScript.
Element selector string of the DOM element. Converter will wait for this element to appear in DOM before conversion begins.
Execute provided JavaScript before conversion begins.
Apply additional CSS before conversion begins.
Element selector string of the DOM elements that needs to be hidden during conversion.
Use CSS media type in conversion process. The default screen and print media types are supported but not limited to these. The custom media type, like convertapi can be used too.
Specify a particular version of the Chromium engine to render the web page.
Values: latest 126 117
Element selector string of the DOM element that should be converted. Element will be cropped from the document.
Set the default zoom level of webpages.
Sets default background color to transparent to get transparency in the image. Also, for this property to work, the source HTML BODY background color should be set to none.
Image width in pixels.
Image height in pixels.
Screenshot crop X offset.
Screenshot crop Y offset.
Screenshot crop width.
Screenshot crop height.