70
Views
8
Comments
How to merge two pdf files into one image?

How to merge two pdf files into one image?

2025-04-08 13-09-23
Shubham Shrivastava

Hi @Su Bin,

To merge two PDF files into one image, you can follow these steps:

  1. Use PDFMerger to combine the two PDF files into a single PDF.

  2. Once merged, use the Export PDF to Images to convert the combined PDF into an image format (like PNG or JPEG).

This way, both PDFs are first joined and then converted into a single image seamlessly.

UserImage.jpg
Su Bin

This plugin cannot merge all the images into one image

2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

There's a very old Forge Asset called Image Join that you could try, but I'm not sure it still works.

2025-04-14 11-22-14
Aditi Saraswat

Hi @Su Bin,

You can first convert the PDF into an image PDF to Image, and once the image is generated, you can combine the images using this component Image Join. If this component doesn't work, you can at least understand the logic behind the merge and implement it as needed. 

Hope this helps

Thanks

2024-10-09 04-44-30
Bhanu Pratap

Hi @Su Bin,

Using client-side JavaScript at the block or screen level. The JS code merges the PDFs, converts the result to a PNG image, and allows you to either open it in a new tab or trigger a download.

You can add pdf-lib.js and pdf2pic libraries in your OutSystems application (e.g., via CDN or as resources). Then use it in client action JS node which will merge and convert your file.

2025-07-22 10-30-27
Mandar Deshpande

Hi @Su Bin 

You cannot directly merge two PDFs into a single image using built-in features. You need to convert and merge using external libraries or services.

One approach could be using External API like:

  • PDF.co
  • Cloudmersive
  • Adobe PDF Services API
  • PDFShift

You can follow below steps:

  • Upload both PDFs
  • Convert each PDF page to image
  • Merge images vertically
  • Download final image

The Outsystems implementation for this:

  • Create REST Integration
  • Send PDFs as Binary
  • Receive merged image as Binary
  • Display using: Image Content = BinaryData
2025-09-25 14-38-22
Lokesh Kumar Yadav

Hi Su Bin,

I totally agree with Bhanu ,Using client-side JavaScript at the block or screen level. This approach helps reduce server load, avoids timeout issues, and provides a smooth user experience 

2023-10-16 05-50-48
Shingo Lam

On my side, I already tried to export extra large image that are joined by 4-5 pdf pages. 

My approach is to load all pdf pages in 1 container on UI then I used the html2canvas js library to generate the unique image.

Please refer to below code :

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.