How to convert HTML into image?

Open the site: HTML into image . Drag and drop HTML files to quickly convert them into image. Or just use a code sample in JavaScript with a few lines of code. Install Aspose.Words for Node.js via .NET. Add a library reference (import the library) to your JavaScript project. Open the source HTML file in JavaScript. Call the save() method, passing an output filename with image extension. Get the result of HTML conversion as image.

Why convert HTML to image in JavaScript?

Documents are encoded in many ways, and HTML files may be incompatible with some software. To open and read such files, just convert them to appropriate file format.

What other file formats can I convert my HTML to?

We support a variety of file formats for HTML conversion, including DOCX, ODT, PDF, DOC, HTML, RTF, Markdown, XML, JPG, PNG, TIFF, WPS, TXT and many more.

What is the maximum file size for HTML to image conversion supported by Aspose.Words for Node.js via .NET?

There are no file size limits for converting HTML files with Aspose.Words for Node.js via .NET.

Convert HTML To Image Javascript

Convert HTML to an image in JavaScript

Need to convert HTML to an image programmatically? With Aspose.Words for Node.js via .NET any developer can easily transform HTML into graphical format with just a few lines of JavaScript code.

Modern document-processing JavaScript API creates images from HTML files with high speed. Test the quality of HTML to image conversion right in a browser. Powerful JavaScript library allows converting HTML files to almost all common graphical formats.

Save HTML as an image in JavaScript

The following example demonstrates how to convert HTML to an image in JavaScript.

Follow the easy steps to turn a HTML file into graphical format. Read HTML from the local drive, then simply save it as a picture, specifying the required graphical format by an image extension. For both HTML reading and image writing you can use fully qualified filenames. The resulting content will be identical to the original HTML file.

Code example in JavaScript to convert HTML to JPG format

Input file

Upload a file you want to convert

Run code

Output format

Select the target format from the list

npm install @aspose/words

Copy

const aw = require('@aspose/words');

var doc = new aw.Document("Input.html")

for (var page = 0; page < doc.pageCount; page++) {
    var extractedPage = doc.extractPages(page, 1);        
    extractedPage.save(`Output_${page + 1}.jpg`);
}

                            const aw = require('@aspose/words');

var doc = new aw.Document("Input.html")
doc.save("Output.jpg")

                            const aw = require('@aspose/words');

var doc = new aw.Document("Input.html")

for (var page = 0; page < doc.pageCount; page++) {
    var extractedPage = doc.extractPages(page, 1);        
    extractedPage.save(`Output_${page + 1}.jpg`);
}

                            const aw = require('@aspose/words');

var doc = new aw.Document()
var builder = new aw.DocumentBuilder(doc)

builder.insertImage("Input.html")

doc.save("Output.jpg")

                            const aw = require('@aspose/words');

var doc = new aw.Document()
var builder = new aw.DocumentBuilder(doc)

shape = builder.insertImage("Input.html")
shape.getShapeRenderer().save("Output.jpg", new aw.Saving.ImageSaveOptions(aw.SaveFormat.jpg))

            

					Run code
				

You may freely copy this code and use it in any applicable purpose

Share the code on social media:

How to convert HTML to image in JavaScript

Install Aspose.Words for Node.js via .NET.
Add a library reference (import the library) to your JavaScript project.
Open the source HTML file in JavaScript.
Call the save() method, passing an output filename with image extension.
Get the result of HTML conversion as image.

JavaScript library to convert HTML to image

We host our Node.js via .Net packages in NPM repositories. Please follow the step-by-step instructions on how to install "Aspose.Words for Node.js via .NET" to your developer environment.