How to convert pdf pages to png images for web use
- Step 1Open the PDF to PNG converter — Load PDF to PNG. It accepts a single PDF per job. Free covers files up to 2 MB and 50 pages; larger files prompt an upgrade.
- Step 2Drop your PDF onto the dropzone — Drag the file in or click to browse. The tool reads the page count locally and starts converting automatically — there is no Convert button and no options panel for this tool.
- Step 3Let every page render at 144 DPI — Each page is rasterised with pdf.js at the fixed 2x scale and encoded as a lossless PNG. There is no DPI or quality control; the resolution is constant across all pages.
- Step 4Download the PNG (or PNGs) — A single-page PDF downloads one
…-page-1.png. A multi-page PDF triggers one download per page, fired ~200 ms apart — allow multiple downloads if your browser asks. - Step 5Downscale for delivery, not up — 144 DPI gives you a high-resolution master. Resize down to your layout width and let
srcset/next/imagegenerate responsive variants — never upscale a PNG, it just blurs. - Step 6Drop into your web pipeline — Reference the PNGs in your CMS, optimise with an image CDN or Sharp/Squoosh, and serve. For photographic pages, re-run through PDF to JPG instead for smaller files.
PNG output vs the JPG sibling tool
Both converters render every page at the same fixed 2x scale (144 DPI). The only difference is the encoder: PNG is lossless, JPG is quality-0.92 lossy. Pick by content type.
| Property | PDF to PNG (this tool) | PDF to JPG |
|---|---|---|
| Encoder | PNG — lossless | JPEG — quality 0.92 (lossy) |
| Render scale | 2x (144 DPI), fixed | 2x (144 DPI), fixed |
| Background | White (opaque) — not transparent | White (opaque) |
| Best for | Text, line art, diagrams, screenshots | Photographs, full-page colour scans |
| Typical size, A4 text page | Larger (sharp edges don't compress) | Smaller (photographic compression) |
| Edge artefacts | None | Ringing/halo around hard edges |
Output pixel dimensions at the fixed 144 DPI
The tool always renders at 2x the PDF's point size (72 pt = 1 inch, so 2x = 144 px/inch). These are the pixel sizes you get per common page size — there is no DPI option to change them.
| Page size | PDF points (1x) | PNG pixels (2x / 144 DPI) | Good for |
|---|---|---|---|
| US Letter (8.5x11 in) | 612 x 792 | 1224 x 1584 | Most documents, blog figures |
| A4 (210x297 mm) | 595 x 842 | 1190 x 1684 | International docs, reports |
| A5 (148x210 mm) | 420 x 595 | 840 x 1190 | Flyers, half-page graphics |
| 16:9 slide (10x5.63 in) | 720 x 405 | 1440 x 810 | Slide exports for web embeds |
| Custom 4x4 in tile | 288 x 288 | 576 x 576 | Square thumbnails, icons |
File-size and page limits by tier
Real limits from the PDF tool family. The free tier blocks oversized files or page counts with an upgrade prompt before any rendering starts; everything runs locally in your browser either way.
| Tier | Max file size | Max pages per PDF | Files per job |
|---|---|---|---|
| Free | 2 MB | 50 | 1 |
| Pro | 50 MB | 500 | 5 |
| Pro + Media | 500 MB | 2,000 | 50 |
| Developer | 2 GB | 10,000 | 1 (unlimited batch) |
| Enterprise | Unlimited | Unlimited | Unlimited |
Cookbook
Real web-image workflows with the exact behaviour you'll see. Sizes are typical; PNG of a text page is larger than the equivalent JPG by design.
Single-page brochure to a web hero image
A one-page PDF flyer becomes a single lossless PNG you can drop into a landing page and downscale with srcset.
Input: flyer.pdf (1 page, US Letter) Process: auto-converts on drop, 2x scale Output: flyer-page-1.png 1224 x 1584 px ~480 KB In your layout: <img src="flyer.png" srcset="flyer-640.png 640w, flyer-1024.png 1024w" /> (generate the 640w/1024w variants with Sharp or your image CDN)
Multi-page PDF to a folder of figures
Each page becomes its own PNG, named by page number, so they sort correctly in a CMS media library.
Input: report.pdf (8 pages) Output (8 downloads, ~200ms apart): report-page-1.png report-page-2.png ... report-page-8.png Allow multiple downloads if the browser prompts.
PNG vs JPG for the same text page
Why PNG for text-heavy web content: no compression halo. The trade-off is file size.
Same A4 text page, 1190 x 1684 px: PDF to PNG -> ~620 KB edges crisp, text clean PDF to JPG -> ~140 KB slight ringing around glyphs Use PNG when sharpness matters; JPG when it's a photo.
Optimise the PNG after export
The tool emits a clean, uncompressed-by-tool PNG. Run it through an optimiser for delivery without touching quality.
export.png (1224 x 1584, ~480 KB) -> Squoosh / oxipng / Sharp (lossless) -> ~300 KB -> or convert to WebP for web delivery -> ~120 KB The converter does not optimise; do it downstream.
Square thumbnail from a small custom page
A 4x4 inch PDF tile renders to a 576x576 PNG — a clean source for a 2x retina 288px thumbnail.
Input: tile.pdf (288 x 288 pt page) Output: tile-page-1.png 576 x 576 px Serve at 288 CSS px -> crisp on retina (2x) displays.
Edge cases and what actually happens
You wanted a transparent background
White background by designThe renderer paints an opaque white canvas (pdf.js default background), so every PNG has a solid white background — there is no transparency option in this tool. For a cut-out, export here then remove the white in your editor, or see the transparent-PNG guide for the real behaviour and workarounds.
You expected a DPI / resolution slider
Fixed 144 DPIThere is no resolution control. Every page renders at exactly 2x scale (144 DPI). If you need a higher-res raster master, this tool can't produce it; consider keeping the vector PDF or asking for a tool with adjustable scale.
Multi-page PDF only downloaded one file
Allow multiple downloadsEach page is a separate download fired ~200 ms apart. Browsers often block the 2nd+ automatic download — click 'Allow' on the multiple-downloads prompt, then they all save.
Free tier and the PDF is over 2 MB
Blocked — upgradeFiles larger than 2 MB are blocked on free with an upgrade overlay before rendering. Pro raises the cap to 50 MB. The file is never uploaded; the limit is enforced locally.
Free tier and the PDF has more than 50 pages
Blocked — upgradeFree converts PDFs up to 50 pages. A 51+ page PDF is blocked with an upgrade prompt. Pro raises this to 500 pages. Splitting first with PDF Extract Pages keeps you under the cap.
Password-protected / encrypted PDF
Render failsThe renderer can't rasterise an encrypted PDF without the password and the conversion fails. Remove the password first with PDF Remove Password, then convert.
Scanned PDF (page is already an image)
Supported, no upscalingA scanned page renders fine, but PNG can't add detail that isn't there — you get a 144-DPI raster of whatever resolution the scan embedded. There is no OCR; the PNG is image-only. Use PDF OCR first if you need text.
Very large or hundreds of pages
Slow but completesEvery page is rendered in the browser, so long documents take time and memory. It finishes; just give the tab a moment. Splitting the PDF reduces peak memory.
Text looks soft at 100% zoom
Expected at 144 DPI144 DPI is great for screen but not pixel-perfect against native vector text. This is inherent to rasterising — for the sharpest on-screen text, embed the vector PDF instead of a PNG.
PNG file is bigger than you expected
Lossless trade-offPNG doesn't compress photographic or noisy content well. For a full-page photo or colour scan, the PNG can be several MB. That's the lossless cost — switch to PDF to JPG for photographic pages.
Frequently asked questions
What resolution are the PNGs?
Every page renders at a fixed 2x scale, which is 144 DPI. A US-Letter page becomes 1224x1584 px; A4 becomes 1190x1684 px. There is no DPI or quality setting for this tool — the resolution is the same for every page and every file.
Can I choose a higher DPI like 300?
No. The scale is hard-coded at 2x (144 DPI) in this converter — there is no resolution control in the UI. If you need a true 300-DPI raster, this tool can't produce it; the cleanest high-resolution source remains the original vector PDF.
Will the PNG have a transparent background?
No. The renderer fills the canvas with opaque white before drawing, so the PNG always has a solid white background. There is no transparency toggle. To get a cut-out, export here and remove the white in an image editor, or read the dedicated transparent-PNG guide for details.
Why PNG instead of JPG for the web?
PNG is lossless, so text, icons, and thin lines stay crisp with no compression halo — ideal for diagrams, screenshots, and graphic-heavy pages. JPG is better only for photographs, where its smaller files outweigh the slight ringing. Use PDF to JPG for photo pages.
How are multiple pages delivered?
One PNG per page. A single-page PDF gives you one file; a multi-page PDF triggers a separate download for each page (~200 ms apart), named …-page-1.png, …-page-2.png, and so on. There is no ZIP — you may need to allow multiple downloads in the browser.
Is my PDF uploaded anywhere?
No. Rendering and PNG encoding happen entirely in your browser. The file never leaves your device. The only network request is loading the pdf.js worker script from a CDN, which contains no part of your document.
What's the biggest PDF I can convert?
On free, up to 2 MB and 50 pages. Pro raises that to 50 MB / 500 pages, Pro+Media to 500 MB / 2,000 pages, and Developer to 2 GB / 10,000 pages. Oversized files are blocked locally with an upgrade prompt — nothing is uploaded.
Can I convert just one page or a page range?
Not in this tool — it always converts every page. To isolate pages first, run PDF Extract Pages (e.g. extract page 3), then drop the result here. That gives you a single PNG of exactly the page you want.
Does it work on scanned PDFs?
Yes — a scanned page renders to a PNG at 144 DPI. But PNG can't recover detail the scan didn't capture, and there's no text layer (the PNG is image-only). If you need searchable text, run PDF OCR before converting.
How do I make the PNG smaller for the web?
Optimise after export: run the PNG through Squoosh, oxipng, or Sharp (lossless), or convert it to WebP for delivery. The converter itself doesn't optimise. For photographic pages, JPG output is smaller to begin with.
Why does the converter need an internet connection at all?
It loads the pdf.js worker script from a CDN the first time you use it. After that the rendering is fully local. Your document bytes are never sent over the network — only the public worker library is fetched.
Can I automate PDF-to-PNG in a pipeline?
This page is a browser tool. For a server/CLI pipeline, any pdf.js or poppler pdftoppng setup reproduces the same result (rasterise each page, encode PNG). The browser tool is the no-install option for one-off and ad-hoc conversions.
Privacy first
All PDF processing runs locally in your browser using PDF-lib and pdf.js. No file is ever uploaded — only metadata counters are saved for signed-in dashboard stats.