The code to merge image in JavaScript

High-speed Node.js library for merging image files into one

Fast and efficient Node.js library to combine multiple image files into one. Try it online for free!

View code snippet

Convert images in JavaScript

JavaScript library allows Node.js via .NET developers to convert images easily. Image conversion engine analyses the original content, then exports the combined graphical content to the required format.

Image conversion may be tricky, unless you have a professional tool to do the job. Use JavaScript to convert images with maximum flexibility and speed. Run online live demo and check the highest image quality right in a browser. Image Conversion API supports a bunch of useful options.

Merge images in JavaScript

Enhance image format capabilities with Aspose.Words for Node.js via .NET. This is a simple way to combine images with JavaScript library that handles all low-level details.

Merge images and save the result as a single file. If you develop code in JavaScript, this will be simpler than it sounds. See JavaScript example that iterates through images and combines them:

Code example in JavaScript to merge PNG files
Upload a file you want to merge
Run code
Upload a file you want to merge
Select the target format from the list
npm install @aspose/words
Copy
const aw = require('@aspose/words');

var fileNames = [ "Input1.png", "Input2.png" ]

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

shapes = fileNames.map(fileName => builder.insertImage(fileName))

// Calculate the maximum width and height and update page settings 
// to crop the document to fit the size of the pictures.
pageSetup = builder.pageSetup
pageSetup.pageWidth = Math.max(...shapes.map(shape => shape.width));
pageSetup.pageHeight = shapes.reduce((sum, shape) => sum + shape.height, 0);
pageSetup.topMargin = 0
pageSetup.leftMargin = 0
pageSetup.bottomMargin = 0
pageSetup.rightMargin = 0

doc.save("Output.png")
Run code

How to merge image

  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 image file in JavaScript.
  4. Combine image files in a few seconds.
  5. Call the appendDocument() method, passing an output filename with required extension.
  6. Get the result of merging image as a single file.

JavaScript library to merge image files

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 image Merge operations

You can merge image 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-2024. All Rights Reserved.