Skip to content
Media

PDF to Images

Render PDF pages to PNG images and inspect PDF structure.

pdfimagesrenderpngconvert
Loading tool…

Recommended tools

Affiliate links — we may earn a commission if you sign up.

About the PDF to Images

The PDF to Images tool renders every page of a PDF into PNG files and doubles as a structural inspector for the document. Load a file and the tool immediately reports the page count, file size, the first page's point dimensions, and whether metadata is present. The "Render to images" tab uses pdf.js to draw each page onto a canvas at a scale you control with a slider from 0.5× to 3.0× (default 1.5×) — higher scales produce sharper, larger PNGs, and the tab caps out at 50 pages with a friendly warning beyond that. Rendered pages appear in a grid, each with a hover download button that saves <name>-page-N.png. The "Inspect structure" tab lists every page's width and height in points, millimetres, and inches, plus its rotation, alongside the embedded metadata (title, author, subject, keywords, creator, producer, creation and modification dates) and a Download JSON report button. Since both pdf-lib and pdf.js run locally, sensitive documents never leave the browser. It is the missing bridge between the PDF format and web-friendly images — one tool for thumbnails, previews, and document archaeology.

Hand-written guide

Examples

Input
A 6-page brochure with the render scale left at the 1.5 default, then "Render pages".
Output
Six PNGs in the grid — brochure-page-1.png through brochure-page-6.png — rendered at 150% of the PDF's native point size.
Note: The toast confirms "Rendered 6 pages" when the pass finishes.
Input
The same file opened in the "Inspect structure" tab.
Output
A page sizes table: each row shows width and height in pt, mm, and inches, plus any per-page rotation angle.
Note: Millimetre and inch columns convert from points automatically.
Input
A 60-page PDF with the Render pages button pressed.
Output
A toast — "Too many pages to render (max 50). Try a smaller PDF." — and no images rendered.
Note: The 50-page cap protects the browser from memory exhaustion.

How to use

  1. 1

    Click "Choose PDF" or drop a file; the page count and size stats load instantly.

  2. 2

    Open the "Render to images" tab and set the Render scale slider (0.5× to 3.0×).

  3. 3

    Click "Render pages" and wait for the progress indicator.

  4. 4

    Hover any page thumbnail and click its download button for <name>-page-N.png.

  5. 5

    Optionally switch to "Inspect structure" and use "Download JSON report" for the full data set.

Common use cases

  • Generating thumbnails for a document-management interface.
  • Creating image versions of slides for a content platform that cannot embed PDFs.
  • Extracting a specific page as a PNG for a social media post.
  • Auditing page sizes of an incoming print PDF before sending it to production.
  • Converting a short form into images for an email campaign.
  • Exporting a structure report for QA on PDF generation pipelines.

Best practices

  • Pick the scale before rendering — re-rendering at a new scale redoes the whole pass.
  • Use 2.0× or higher for print-quality exports, 1.0–1.5× for web thumbnails.
  • Split documents over 50 pages first if you need images from every page.
  • Download the JSON report when you need dimensions programmatically.
  • Render with the inspection tab open to cross-check rotation against page sizes.

Tips

  • The hover download button appears at the bottom of each thumbnail.
  • Read rotation values in the inspection table to explain sideways renders.
  • Rendering progress shows as "Rendering… (N/total)" on the button.
  • Use the structure JSON as input for automated page-size checks.

Frequently asked questions

Pages are drawn onto HTML canvases by pdf.js running entirely in the browser, then exported as PNG data URLs. No server-side rendering or uploads are involved.

Explore more media tools

Browse the full collection of media tools on the hub, or jump back to all categories.