How to generate jpg thumbnail previews of pdf pages
- Step 1Decide: cover thumbnail or every page — For a single gallery card you want page 1 only. For a page-by-page preview strip you want all pages. This determines whether you trim the PDF first.
- Step 2Isolate the cover page (for a single thumbnail) — Run PDF Extract Pages with pages = 1 to get a one-page PDF. Skip this if you want previews of every page.
- Step 3Open the converter and drop the PDF — Go to the PDF to JPG converter. Rendering is in-browser via PDF.js — nothing uploaded. Free tier: 2 MB and 50 pages max.
- Step 4Let it render at the fixed settings — There is no Options panel and no DPI menu — the tool auto-runs, producing one ~144 DPI JPG per page at quality 0.92.
- Step 5Download the page image(s) — Click Download. Files save individually as
name-page-N.png(~200 ms apart). Approve the browser's multiple-download prompt for multi-page PDFs. - Step 6Downscale to a true thumbnail in your pipeline — The output is full-page-sized. Resize it to your gallery dimensions (e.g. 200–400 px) with a server-side resizer, build step, or CSS/
<img>sizing. The tool doesn't produce small files itself.
What the tool outputs vs a real thumbnail
There is no thumbnail-size or DPI control. Plan a downscale step in your own pipeline.
| Need | This tool | Get there by |
|---|---|---|
| 200 px gallery thumbnail | ~1190 px-wide page JPG | Downscale the JPG (server resize, build step, or CSS) |
| 72/96 DPI small file | Fixed ~144 DPI | No DPI option — downscale instead |
| Cover-only preview | Renders all pages | Isolate page 1 with PDF Extract Pages |
| Tiny file size | Full-page JPEG (q0.92) | Re-encode smaller after downscale |
Page render size at fixed 2x
These are the source images you downscale. Pixels = page points × 2.
| Page size | Points (W × H) | Render pixels at 2x |
|---|---|---|
| A4 portrait | 595 × 842 | 1190 × 1684 |
| US Letter portrait | 612 × 792 | 1224 × 1584 |
| A5 portrait | 420 × 595 | 840 × 1190 |
| 16:9 cover slide | 960 × 540 | 1920 × 1080 |
Tier limits for preview generation
Limits gate file size and page count; rendering itself runs in-browser on any tier.
| Tier | Max file size | Max pages |
|---|---|---|
| Free | 2 MB | 50 |
| Pro | 50 MB | 500 |
| Pro + Media | 500 MB | 2,000 |
| Developer | 2 GB | 10,000 |
Cookbook
Preview-generation workflows. The tool renders the page; the cookbook shows how to turn that into a thumbnail and where to draw the line at scale.
Single cover thumbnail for a gallery card
Isolate page 1, render it, then downscale to your card size.
Step 1 PDF Extract Pages: pages = 1 → doc.extract-pages.pdf Step 2 PDF to JPG → doc.extract-pages-page-1.png (1190x1684) Step 3 Downscale to 240x340 in your pipeline → card thumb
Page-by-page preview strip
Render all pages for a document viewer's filmstrip, then downscale each.
PDF to JPG (all pages) → doc-page-1.png ... doc-page-12.png Downscale each to 160px wide → filmstrip thumbnails
Keep thumbnail files small
The tool outputs full-page JPEGs; shrink them after for fast galleries.
Source: doc-page-1.png (~144 DPI, full page, often 200-600 KB) Resize to 240px wide + re-encode q0.7 → ~15-30 KB thumb (Do the resize/re-encode in your build or CDN, not in this tool.)
Sharper thumbnails for text-only documents
Downscaled JPEG text can shimmer; PNG sources downscale cleaner for crisp text cards.
Text-heavy doc cover → PDF to PNG (lossless source), then downscale Photo/cover-art doc → PDF to JPG (smaller source) Same fixed 2x render.
Free-tier block on a long PDF
A 120-page report exceeds the 50-page free cap; for a cover thumbnail you don't need all of it.
Input: report.pdf (120 pages) Free tier → blocked at add: "This PDF has 120 pages. Free handles up to 50 pages." Fix: Extract page 1 first (1-page PDF) → convert → cover thumb.
Edge cases and what actually happens
Output is huge, not a tiny thumbnail
By designThe tool renders full pages at a fixed ~144 DPI; an A4 page is ~1190 px wide. There is no thumbnail-size or DPI control. Downscale the page JPG to your target size in your own pipeline (server resize, build step, or <img>/CSS sizing).
You wanted a 72 DPI option for small files
Not availableThere is no DPI selector — the render is fixed at 2x (~144 DPI). To get a small file, downscale and re-encode the output. The fixed high-DPI source actually downscales more cleanly than rendering at a low DPI would.
You only wanted the cover but got every page
ExpectedThe tool always renders all pages. For a single cover thumbnail, isolate page 1 first with PDF Extract Pages, then convert that one-page PDF.
Files end in .png but are JPEG
Quirk — preservedImage outputs are named with a .png suffix though the bytes are JPEG. Rename to .jpg if your thumbnail pipeline checks extensions; the data is unchanged.
Many separate downloads for a multi-page PDF
Browser promptEach page saves individually (no ZIP), so generating a full preview strip fires one download per page ~200 ms apart. Approve the browser's "allow multiple downloads" prompt the first time.
Free tier: PDF over 50 pages or 2 MB
blockedLong reports trip the page cap before rendering: "This PDF has N pages. Free handles up to 50 pages. Pro unlocks larger PDFs." For a cover thumbnail you only need page 1 — isolate it first to stay well under the limits.
Downscaled text thumbnail looks shimmery
JPEG trade-offJPEG artifacts can show when small text is downscaled. Render text-heavy covers with PDF to PNG (lossless) and downscale from that for cleaner thumbnails; use JPG for photo-led covers.
Bulk/automated thumbnail generation
Single-file UIThis is a one-PDF-at-a-time browser tool — not a server batch API. For generating thumbnails across thousands of PDFs, you'd want a server-side renderer; this tool fits one-off or low-volume preview needs.
Frequently asked questions
What dimensions will the thumbnail be?
The output isn't a thumbnail-sized file — it's a full-page render at ~144 DPI. An A4 page comes out at 1190 × 1684 px and US Letter at 1224 × 1584 px. Downscale that JPG to your gallery thumbnail size (e.g. 200–400 px) in your own pipeline; there is no size control in the tool.
Can I set 72 or 96 DPI for small thumbnail files?
No — the render is fixed at 2x (~144 DPI) with no DPI option. To get small files, downscale and re-encode the output. A high-DPI source actually downscales to a sharper thumbnail than a low-DPI render would.
Can I generate just a cover thumbnail (page 1)?
The tool renders all pages, so isolate page 1 first with PDF Extract Pages. Converting that one-page PDF gives a single page-1 JPG to downscale into your cover thumbnail.
Should I use JPG or PNG for document thumbnails?
For photo or cover-art PDFs, JPG sources downscale to smaller thumbnails. For text- or diagram-heavy covers, PDF to PNG (lossless) downscales to crisper text. Both use the same fixed 2x render.
Can I generate thumbnails for all pages of a large PDF?
Yes — every page is rendered as a JPG, so a multi-page PDF gives you a full set to build a preview strip. On the free tier the PDF must be under 2 MB and 50 pages; Pro raises that to 50 MB / 500 pages.
Why do the files download as .png?
The download names every image output .png even though the data is JPEG. Rename -page-N.png to -page-N.jpg if your thumbnail tooling cares about extensions — the image bytes are identical.
Do I get a ZIP for a multi-page preview?
No. Each page downloads separately, staggered ~200 ms apart. Your browser may prompt to allow multiple downloads the first time on a multi-page document.
Are user-uploaded PDFs sent to a server?
No. Rendering happens entirely in the browser via PDF.js — the result panel confirms "0 bytes uploaded." That's well suited to portals where users submit their own documents and privacy matters.
How do I make the thumbnail files actually small?
Downscale and re-encode after export. The tool outputs a full-page JPEG (quality 0.92), often a few hundred KB. A resize to ~240 px wide and re-encode at a lower quality in your build pipeline or CDN brings each thumbnail down to tens of KB.
Is this suitable for generating thumbnails at scale?
It's a single-file, in-browser tool — great for one-off or low-volume previews. For thousands of PDFs you'd want a server-side renderer instead. This tool fits manual or occasional thumbnail generation.
Can I rebuild a preview document from the page images?
Yes — assemble the page JPGs back into a PDF with Image to PDF, one image per page, if you need a flattened preview document.
My PDF is a scan — does it still preview well?
Yes — a scanned PDF is one image per page, so the render gives you those scans at ~144 DPI to downscale into thumbnails. If you also need searchable text from the scan, run PDF OCR on the source separately.
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.