HTML to JPG using JavaScript

The JavaScript library for converting HTML files to JPG images.

Try for FREE

HTML to JPG features

The JS module for converting HTML files to JPG images.

ConvertAPI JavaScript library install

ConvertAPI provides a JavaScript module that allows you to perform a HTML to JPG conversion with just a few lines of code. First, install the convertapi-js@~1.1 package from npm:

NPM package >
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:

import ConvertApi from 'convertapi-js'
let convertApi = ConvertApi.auth('secret_or_token')

Convert HTML to JPG using JavaScript in no time!

Once you have your authentication in place, simply copy-paste this html to jpg conversion code snippet into your JavaScript project. Convert HTML to JPG documents using JavaScript with no effort at all!

// Code snippet is using the ConvertAPI JavaScript Client: https://github.com/ConvertAPI/convertapi-js

// Code snippet is using the ConvertAPI Node.js Client: https://github.com/ConvertAPI/convertapi-nodejs

// Code snippet is using the ConvertAPI PHP Client: https://github.com/ConvertAPI/convertapi-php

// Code snippet is using the ConvertAPI Java Client: https://github.com/ConvertAPI/convertapi-java

// Code snippet is using the ConvertAPI C# Client: https://github.com/ConvertAPI/convertapi-dotnet

# Code snippet is using the ConvertAPI Ruby Client: https://github.com/ConvertAPI/convertapi-ruby

# Code snippet is using the ConvertAPI Python Client: https://github.com/ConvertAPI/convertapi-python

// Code snippet is using the ConvertAPI Go Client: https://github.com/ConvertAPI/convertapi-go

REM Code snippet is using the command line utility program: https://github.com/ConvertAPI/convertapi-cli

<!-- For conversions with the multiple file result please refer to this example: https://repl.it/@ConvertAPI/HTML-Form-with-multiple-file-result -->

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

AuthUsername String

HTTP authentication username. Could be used if conversion web page is protected with HTTP authentication.

AuthPassword String

HTTP authentication password. Could be used if conversion web page is protected with HTTP authentication.

Cookies String

Set additional cookies for the page request. Example: cookiename1=cookievalue1; cookiename2=cookievalue2; cookiename3=cookievalue3

ConversionDelay Integer

Delay in seconds before page load and PDF creation. Sometimes useful to let web page fully load.

AdBlock Bool

Block ads in converting page.

CookieConsentBlock Bool

Tries to remove EU regulation required cookie warnings from web pages.

JavaScript Bool

Allow web pages to run JavaScript.

WaitElement String

Element selector string of the DOM element. Converter will wait for this element to appear in DOM before conversion begins.

UserJs String

Execute provided JavaScript before conversion begins.

UserCss String

Apply additional CSS before conversion begins.

HideElements String

Element selector string of the DOM elements that needs to be hidden during conversion.

CssMediaType String

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.

Version Collection

Specify a particular version of the Chromium engine to render the web page.

Values:   latest 126 117

CropElement String

Element selector string of the DOM element that should be converted. Element will be cropped from the document.

Zoom Double

Set the default zoom level of webpages.

ImageWidth Integer

Image width in pixels.

ImageHeight Integer

Image height in pixels.

CropX Integer

Screenshot crop X offset.

CropY Integer

Screenshot crop Y offset.

CropWidth Integer

Screenshot crop width.

CropHeight Integer

Screenshot crop height.

ImageQuality Integer

Set output image quality.

Try HTML to JPG for free!