Convert PDFs to images using JavaScript

With Nutrient Web SDK, you can render independent pages of a PDF document and save them as images. If the document contains any annotations, they’ll be rendered over the page background.

Try for Free Launch Demo

Rendering and exporting a specific page as an image

The following example uses the FileSaver.js(opens in a new tab) polyfill to save a single page as a PNG file to a computer by means of instance.renderPageAsImageURL():

import { saveAs } from "file-saver";


const instance = await PSPDFKit.load({
  ...otherOptions,
  document: "https://example.com/mydocument.pdf"
});


async function savePagePNG(pageIndex) {
  // Get page width.
  const { width } = instance.pageInfoForIndex(pageIndex);


  // Render page.
  const src = await instance.renderPageAsImageURL({ width }, pageIndex);


  // Save the image as a PNG.
  saveAs(src, `pdf-page-${pageIndex}.png`);
}


// Usage: Export page 3 as an image.
savePagePNG(3);