Convert HTML to PNG in JavaScript

High-speed Node.js library for converting HTML to PNG

Programmatically convert HTML to PNG using Node.js. Explore the power of Node.js for efficient and scalable HTML to PNG conversion.

View code snippet

Convert HTML to PNG in JavaScript

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

Modern document-processing JavaScript API creates PNG from HTML with high speed. Test the quality of HTML to PNG conversion right in a browser. Powerful JavaScript library allows converting HTML files to many popular image formats.

Save HTML as PNG in JavaScript

The following example demonstrates how to convert HTML to a PNG picture in JavaScript.

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

Code example in JavaScript to convert HTML to PNG format
Upload a file you want to convert
Run code
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}.png`);
}
const aw = require('@aspose/words'); var doc = new aw.Document("Input.html") doc.save("Output.png") 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}.png`); } const aw = require('@aspose/words'); var doc = new aw.Document() var builder = new aw.DocumentBuilder(doc) builder.insertImage("Input.html") doc.save("Output.png") 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.png", new aw.Saving.ImageSaveOptions(aw.SaveFormat.png))
Run code
Share the code on social media:

How to convert HTML to PNG in JavaScript

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

JavaScript library to convert HTML to PNG

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.

System Requirements

This package is compatible with Node.js 14.17.0 or higher.

Other Supported HTML Conversions

You can convert HTML to many other file formats:

5%

Subscribe to Aspose Product Updates

Get monthly newsletters and offers directly delivered to your mailbox.

© Aspose Pty Ltd 2001-2025. All Rights Reserved.